/*=====================================================================================
  Name:       Bilancio
	Author:			Frontized.com
  Started:    January 13, 2011
=======================================================================================*/



/*=====================================================================================
======================================= STARTER =======================================
=======================================================================================
  Reset
=======================================================================================*/
a, abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a, ins, del { text-decoration: none; }
blockquote, q { quotes:none; }
ul, ol { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
caption, th { text-align: left; }
blockquote:before, blockquote:after, q:after, q:before { content: ""; }
/*=====================================================================================
  Basic Styles
=======================================================================================*/
body { background: #f8fcf8 url(../images/bg-body.png); color: #656565; font-family: "Helvetica", "Arial", sans-serif; font-size: 12px; }
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
address, cite, dfn { font-style: normal; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea { font-family: "Helvetica", "Arial", sans-serif; }
a, a:visited { color: #5e9c05; text-decoration: none; }
a:hover, a:active { color: #345701; }
p { line-height: 20px; }
/*=====================================================================================
  Accessibility
=======================================================================================*/
.accessibility { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
/*=====================================================================================
  Clearfix
=======================================================================================*/
.clearfix:after,
#header nav:after,
#header .primary:after,
#footer:after,
#add ul:after,
#add .switch:after,
.switchAmount:after,
.with-form:after,
.with-form ul:after,
.budget-tables:after,
.forms:after,
.forms li:after,
.cols:after,
#comments .comment:after,
.radio-horizontal:after,
.siblings:after,
.subfunds:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }



/*=====================================================================================
======================================= STYLING =======================================
=======================================================================================
  Layout
=======================================================================================*/
.container { width: 950px; margin: 0 auto; position: relative; height: 100%; }
#header { background: url(../images/bg-header.png) top left repeat-x; height: 110px; margin-bottom: 13px; }
.wrapper { width: 910px; background: #fff; padding: 20px; border: 4px solid rgba(199,213,200,0.4); margin: 0 auto;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	behavior: url(/js/vendor/PIE.htc);
}
#footer { clear: both; width: 910px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; text-shadow: 0 1px 0 #fff; font-size: 11px; }
.content-blog { float: left; width: 600px; display: inline; }
#sidebarb { float: right; width: 280px; display: inline; }


/*=====================================================================================
  Header
=======================================================================================*/
#header .site-name { position: absolute; left: 0; top: 30px; background: url(../images/logo.png) top left no-repeat; display: block; width: 152px; height: 25px; text-indent: -9999px; }
#header nav { width: 100%; position: absolute; left: 0; bottom: 0; }


/*=====================================================================================
  Navigation
=======================================================================================*/
/* main navigation */
#header .primary { float: left; display: inline; width: 840px; }
#header .primary li { float: left; margin-right: 30px; line-height: 36px; height: 36px; }
#header .primary li.active { background: url(../images/arrow-up.png) bottom center no-repeat; }
#header .primary li a { padding-left: 22px; color: #fff; font-weight: bold; font-size: 13px; text-shadow: 0 1px 0 #4b8c01; float: left; line-height: 32px; height: 32px; margin-top: 1px; }
#header .primary li a:hover { color: #E7ECD0; }
	#header .primary li a.ico-budget 	{ background: url(../images/ico-budget.png) 	0 45% no-repeat; }
	#header .primary li a.ico-funds 	{ background: url(../images/ico-funds.png) 		0 45% no-repeat; }
	#header .primary li a.ico-chart 	{ background: url(../images/ico-chart.png) 		0 45% no-repeat; }
	#header .primary li a.ico-home 		{ background: url(../images/ico-home.png) 		0 45% no-repeat; }
	#header .primary li a.ico-key 		{ background: url(../images/ico-key.png) 			0 45% no-repeat; }
	#header .primary li a.ico-savings { background: url(../images/ico-savings.png) 	0 45% no-repeat; }
	#header .primary li a.ico-blog	  { background: url(../images/ico-blog.png) 	0 45% no-repeat; }

/* account dropdown */
#header .account { float: right; position: relative; width: 103px; height: 22px; margin-top: 6px; font-size: 11px; }
#header .account .trigger { position: relative; z-index: 3; float: right; width: 95px; height: 22px; padding-left: 8px; background: url(../images/bg-account.png) top left no-repeat; line-height: 22px; color: #fff; text-shadow: 0 -1px 0 #4aa309; }
#header .account-nav { display: none; background: #6bb00e; border: 1px solid #599100; position: absolute; z-index: 2; left: 0; top: 17px; width: 101px; padding-top: 3px;
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
	behavior: url(/js/vendor/PIE.htc);
}
#header .account-nav li { text-shadow: 0 -1px 0 #50a60a; border-bottom: 1px solid #599100; border-top: 1px solid #76b910; line-height: 20px; color: #fff; padding: 0 8px; }
#header .account-nav li:last-child,
#header .account-nav li.last-child { border-bottom: 0; }
#header .account-nav li a { color: #fff; }

#header .demo-box { line-height: 31px; text-align: right; float: right; position: absolute; top: 27px; right: 0; color: #eff7ee; width:780px}
#header .btn-create { background: url(../images/btn-create.png) top left no-repeat; text-indent: -9999px; width: 127px; height: 31px; display: inline-block; text-align: left !important; margin-left: 10px; }
#header .btn-demo { background: url(../images/btn-demo.png) top left no-repeat; text-indent: -9999px; width: 80px; height: 31px; display: inline-block; text-align: left !important; margin-left: 10px; }
#header .btn-blog { background: url(../images/btn-blog.png) top left no-repeat; text-indent: -9999px; width: 80px; height: 31px; display: inline-block; text-align: left !important; margin-left: 10px; }
#header .demo { background: url(../images/misc-badge-demo.png) top left no-repeat; width: 80px; height: 54px; text-indent: -9999px; position: absolute !important; top: 15px; left: 140px; z-index: 3;}

/* footer navigation */
#footer li { float: left; margin-right: 15px; padding-right: 15px; line-height: 1; border-right: 1px solid #a2b2a3; }
#footer li:last-child,
#footer li.last-child { border: 0; }
#footer a { color: #a2b2a3; }

/*=====================================================================================
  Content
=======================================================================================*/
h2 { font-size: 24px; color: #9b9b9b; position: relative; text-transform: uppercase; margin-bottom: 10px; text-shadow: 0 1px 1px rgba(0,0,0,0.1); font-family: "Myriad Pro", "Helvetica", "Arial", sans-serif; font-weight: 600;
	behavior: url(/js/vendor/PIE.htc);
}

/* add form */
#add { position: relative; background: url(../images/bg-form.png) top center no-repeat; width: 900px; height: 42px; padding: 10px 3px 0 13px; margin: 0 -3px 30px -3px; }
#add li { float: left; margin-right: 10px !important; overflow: hidden; padding: 0; display: inline; }
#add li:last-child,
#add li.last-child { margin: 0; }
#add input.textfield { background: #fff url(../images/bg-input-text.png) top left repeat-x; font-size: 13px; font-weight: bold; color: #333333; height: 26px; line-height: 26px; border: 1px solid #333633; padding: 0 10px; margin: 0; position: relative; overflow: hidden;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 1px 0 #9ca69d; -moz-box-shadow: 0 1px 0 #9ca69d; -webkit-box-shadow: 0 1px 0 #9ca69d;
	behavior: url(/js/vendor/PIE.htc);
}
#add select.textfield { font-size: 13px; font-weight: bold; color: #333333; height: 28px !important; line-height: 28px !important; margin: 0; position: relative; overflow: hidden;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 1px 0 #9ca69d; -moz-box-shadow: 0 0 0; -webkit-box-shadow: 0 1px 0 #9ca69d;
	behavior: url(/js/vendor/PIE.htc);
}
#add .category { width: 137px; z-index: 2; position: relative; }
#add .description { width: 265px; font-size: 11px; font-weight: normal; }
#add .shortdescription { width: 210px; font-size: 11px; font-weight: normal; }
#add .amount { text-align: right; width: 68px; }
#add .switch { width: 200px; height: 30px; background: url(../images/bg-switch.png) top left no-repeat; }
#add .checkbox { background: rgba(193,203,193,0.5); font-size: 11px; font-weight: bold; color: #3F443F; text-shadow: 0 1px 0 rgb(193,203,193); height: 26px; margin: 0; padding: 0 8px; line-height: 1; border: 1px solid #6B716A; position: relative; width: 85px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 1px 0 #9ca69d; -moz-box-shadow: 0 1px 0 #9ca69d; -webkit-box-shadow: 0 1px 0 #9ca69d;
	behavior: url(/js/vendor/PIE.htc);
}
#add .checkbox label { padding-top: 3px; float: left;	}
#add .checkbox input { float: left; margin: 8px 8px 0 0; }
#add .switch label { float: left; width: 100px; display: inline; height: 30px; cursor: pointer; }
#add .switch input { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
#add .calendar a { background: url(../images/ico-calendar.png) top left no-repeat; float: left; width: 28px; height: 29px; text-indent: -9999px; margin-top: 1px; }
#add .switchAmount { width: 200px; height: 30px; background: url(../images/bg-switch-4.png) top left no-repeat; }
#add .switchAmount label { float: left; width: 100px; display: inline; height: 30px; cursor: pointer; }
#add .switchAmount input { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }
#add .alt { background-position: bottom left; }
#add .shortdescription { width: 170px; font-size: 11px; font-weight: normal; }
#datepicker { display: none; }
#ui-datepicker-div { position: absolute !important; padding: 10px !important; top: 224px !important; background: url(../images/bg-autocomplete.png) !important; z-index: 2 !important;
	-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;
	behavior: url(/js/vendor/PIE.htc);
}
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; color: #fff; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left:2px; background: #272727; color: #fff; font-size: 13px; font-weight: bold; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.ui-datepicker .ui-datepicker-prev span { display: block; width: 20px; height: 20px; line-height: 20px; cursor: pointer; }
.ui-datepicker .ui-datepicker-next { right:0px; background: #272727; color: #fff; font-size: 13px; font-weight: bold; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.ui-datepicker .ui-datepicker-next span { display: block; width: 20px; height: 20px; line-height: 20px; cursor: pointer; text-align: center; padding-left: 2px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; color: #B9B9B9; text-align: 0 1px 1px #272727; }
.ui-datepicker td { border: 0; padding: 1px; text-align: center; border: 1px solid #272727; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; color: #fff; text-align: 0 1px 1px #272727; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-today { background: #272727; }
.ui-datepicker-unselectable { border: 0 !important; }
.ui-state-active { background: #5e9c05; color: #fff; font-weight: bold; }
/* autocomplete */
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; z-index: 1 !important; padding: 10px 0 10px 0 !important; top: 220px !important; overflow-y: auto !important; position: absolute !important; background: url(../images/bg-autocomplete.png) !important;
	-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;
}
* html .ui-autocomplete { height: 200px; }
.ui-autocomplete li { padding: 0 10px; font-weight: bold; }
.ui-autocomplete li a { color: #d2d2d2; font-weight: bold; font-size: 11px; text-shadow: 0 1px 1px #000; line-height: 20px; }
.ui-autocomplete li a.ui-state-hover { color: #7fd600; }

ul.select { display: block; }
ul.select li { margin-right: 10px; float: left; }

.chart .left { float: left; display: inline; }
.chart .right { float: right; display: inline; }

/* summary */
.summary { background: #ececec url(../images/bg-charts.png) top left repeat-x; position: relative; border: 1px solid #d0d0d0; padding: 20px 0; height: 286px;
	box-shadow: 0 2px 4px #DEDEDE; -moz-box-shadow: 0 2px 4px #DEDEDE; -webkit-box-shadow: 0 2px 4px #DEDEDE;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	behavior: url(/js/vendor/PIE.htc);
}
.summary header em { font-family: "Myriad Pro", "Helvetica", "Arial", sans-serif; font-weight: 600; font-style: normal; }
.summary header { text-align: center; background: url(../images/border-charts.png) bottom left repeat-x; padding-bottom: 20px; color: #656565; font-size: 16px; text-transform: uppercase; }
.summary .bad { display: inline-block; padding: 4px 10px; position: relative; background: #cc2a2a; border: 2px solid #dbc5c5; color: #fff; text-shadow: 0 1px 1px #761919; font-size: 16px; font-weight: normal; margin: 0 10px; text-transform: none;
	box-shadow: inset 0 0 4px #9e1818; -moz-box-shadow: inset 0 0 4px #9e1818; -webkit-box-shadow: inset 0 0 4px #9e1818;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	behavior: url(/js/vendor/PIE.htc);
}
.summary .good { display: inline-block; padding: 4px 10px; position: relative; background: #72C52E; border: 2px solid #CCDBC2; color: #fff; text-shadow: 0 1px 1px #485A2E; font-size: 16px; font-weight: normal; margin: 0 10px; text-transform: none;
	box-shadow: inset 0 0 4px #43731A; -moz-box-shadow: inset 0 0 4px #43731A; -webkit-box-shadow: inset 0 0 4px #43731A;
	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	behavior: url(/js/vendor/PIE.htc);
}
.summary .bad small { font-size: 12px; }
.summary a { font-size: 11px; color: #a4a3a3; text-transform: none; }

/* budget */
.with-form h2 { float: left; margin-right: 40px; }
.with-form form { float: left; padding-top: 3px; }
.with-form li { float: left; margin-right: 10px; }
.with-form label { font-size: 11px; font-weight: bold; color: #999; }

.budget-tables .left { float: left; width: 700px; display: inline; }
.budget-tables .right { float: right; width: 190px; display: inline; }
.budget-tables table { border: 1px solid #838383 !important; margin-bottom: 20px; width: 100%; position: relative;
	-webkit-box-shadow: 0 1px 1px #C7C7C7; -moz-box-shadow: 0 1px 1px #C7C7C7; box-shadow: 0 1px 1px #C7C7C7;
	behavior: url(/js/vendor/PIE.htc);
}
.budget-tables table th { text-align: center; background: url(../images/bg-th.png) top left repeat-x; color: #444; line-height: 30px;  font-size: 10px; text-shadow: 0 1px 0 #fff; font-weight: bold; padding: 0 10px;}
.budget-tables table td { text-shadow: 0 1px 0 #fff; background: #fff; height: 30px; vertical-align: middle; padding: 0 10px; border-right: 1px solid #D6D6D6; }
.budget-tables table .center{ text-align: center; }
.budget-tables table td:last-child,
.budget-tables table td.last-child { border-right: 0 !important;}
.budget-tables table td.amount { text-align: right; white-space: nowrap; }
.budget-tables table td.lp { font-weight: bold; width: 10px; text-align: center; }
.budget-tables table td.date { width: 80px; }
.budget-tables table .alt td { background: #EEE; }
.budget-tables table .hover td { background: #E8FDE5; }
.budget-tables table tfoot td { border-right: 0; background: url(../images/bg-th.png) top left repeat-x; color: #444; line-height: 29px; height: 29px; border-top: 1px solid #838383; font-size: 10px; text-shadow: 0 1px 0 #fff; font-weight: bold; padding: 0 10px;}
.budget-tables .actions { width: 20px; }
.btn-remove { width: 16px; height: 16px; text-indent: -9999px; display: inline-block; background: url(../images/ico-remove.png) top left no-repeat; }
.budget-tables .type { width: 12px; }
/* table summary per type */
.budget-tables .summaryDetails { font-size: 1.5em; font-family: Courier New; padding:
0 5px; }
.budget-tables tr.shadow td { background: #f5f5f5; color:#888; }


/* flash messages */
.flash { cursor: pointer; margin-bottom: 20px; text-align: center; position: relative; font-weight: bold; padding: 15px 0; background: #E6E6E6; border: 1px solid #999; text-shadow: 0 1px 1px #fff;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	behavior: url(/js/vendor/PIE.htc);
}
.notice { background: #f5ffde; border-color: #669500; color: #669500; }

/* login & register */
.forms .left { float: left; width: 445px; display: inline; }
.forms .right { float: right; width: 445px; display: inline; }
.forms form { background: #ececec url(../images/bg-charts.png) top left repeat-x; position: relative; border: 1px solid #d0d0d0; padding: 20px;
	box-shadow: 0 2px 4px #DEDEDE; -moz-box-shadow: 0 2px 4px #DEDEDE; -webkit-box-shadow: 0 2px 4px #DEDEDE;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	behavior: url(/js/vendor/PIE.htc);
}
.forms h3 { font-size: 16px; text-shadow: 0 1px 1px #fff; text-trasform: uppercase; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; }
.forms label { display: block; font-weight: bold; font-size: 11px; margin-bottom: 3px;}
.forms .textfield { background: #fff url(../images/bg-input-text-light.png) top left repeat-x; position: relative; font-size: 13px; font-weight: bold; color: #333333; height: 26px; line-height: 26px; border: 1px solid #929292; padding: 0 5px; width: 395px;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff;
	behavior: url(/js/vendor/PIE.htc);
}
.forms li { margin-bottom: 10px; }
.forms .checkbox label { display: inline-block; font-size: 12px; padding-top: 2px; }
.forms .checkbox input { float: left; margin-right: 10px; }
.forms h3 a { float: right; display: inline; margin-top: 3px; font-size: 11px; font-weight: normal;}

/* tooltip */
.tooltip { background: url(../images/ico-tooltip.png) top left no-repeat; width: 12px; height: 12px; position: relative; display: inline-block; }
.tooltip em { display: none; position: absolute; top: 12px; left: -75px; z-index: 300; font-style: normal; font-size: 11px; width: 150px; max-width: 150px; padding: 10px 10px 7px 10px; line-height: 1.3; color: #fff; background: url(../images/bg-autocomplete.png); text-transform: none; margin: 0 !important;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	behavior: url(/js/vendor/PIE.htc);
}

.tooltipsmall { background-image: none; width: 12px; height: 12px; position: relative; }
.tooltipsmall div { position: relative; top: 9px; }
.tooltipsmall em { display: none; position: absolute; top: 12px; left: -35px; z-index: 300; text-align: center; font-style: normal; font-size: 11px; width: 60px; padding: 10px 10px 7px 10px; line-height: 1; color: #fff; background: url(../images/bg-autocomplete.png); text-transform: none; margin: 0 !important; text-shadow: 0 0 0;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5);
	behavior: url(/js/vendor/PIE.htc);
}

/* content generic */
.content-body h3 { font-size: 22px; color: #7D7D7D; border-bottom: 1px solid #ECECEC; margin-bottom: 10px; padding-bottom: 5px; }
.content-body h4 { font-size: 20px; color: #7D7D7D; margin-bottom: 10px; border-bottom: 1px dotted #ECECEC; padding-bottom: 5px; }
.content-body h5 { font-size: 18px; color: #7D7D7D; margin-bottom: 10px; }
.content-body h6 { font-size: 16px; color: #7D7D7D; margin-bottom: 10px; }
.content-body p { margin-bottom: 20px; }
.content-body ul { line-height: 20px; margin-bottom: 20px; list-style: disc; margin-left: 20px; }
.content-body ol { line-height: 20px; margin-bottom: 20px; list-style: decimal; margin-left: 20px; }
.content-body blockquote { margin-bottom: 20px; margin-left: 40px; padding: 20px 20px 1px 20px; text-shadow: 0 1px 0 #fff; background: #F0F0F0; border-left: 1px solid #E2E2E2;
	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
	behavior: url(/js/vendor/PIE.htc);
}
.content-body address { line-height: 20px; margin-bottom: 20px; }

/* contact */
.content-body .left { width: 425px; display: inline; float: left; }
.content-body .right { width: 425px; display: inline; float: right; }
.contact-form ul { margin: 0; }
.contact-form li { list-style: none; margin-bottom: 8px;  }
.contact-form li label { font-weight: bold; font-size: 11px; display: block; }
.contact-form .inline { font-weight: bold; font-size: 11px; display: inline; float: left; margin-right: 5px; margin-right:10px}
.contact-form .select-inline {margin-top: 24px;}

.contact-form .textfield { font-size: 13px; width: 400px; height: 25px; line-height: 25px; padding: 0 10px; margin: 0; border: 1px solid #c5c5c5;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #CECECE; -moz-box-shadow: 0 1px 1px #CECECE; box-shadow: 0 1px 1px #CECECE;
	behavior: url(/js/vendor/PIE.htc);
}
.contact-form .textarea { font-size: 13px; width: 400px; height: 150px; line-height: 20px; padding: 0 10px; margin: 0; border: 1px solid #c5c5c5;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #CECECE; -moz-box-shadow: 0 1px 1px #CECECE; box-shadow: 0 1px 1px #CECECE;
	behavior: url(/js/vendor/PIE.htc);
}

.contact-form .short {width: 100px; !important;}

.contact-form .form-submit { text-align: right; }
.contact-form .form-submit input { cursor: pointer; height: 35px; line-height: 33px !important; color: #3E403F; font-size: 13px; font-weight: bold; text-transform: uppercase; width: 100px !important; border: 1px solid #979797;
 	background-color: rgb(232,232,232);
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
 	background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(232,232,232)),
      color-stop(1, rgb(255,255,255))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(232,232,232) 0%,
      rgb(255,255,255) 100%
  );
}

.contact-form .form-submit input:hover {
 	background-color: rgb(212,212,212);
 	background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(255,255,255)),
      color-stop(1, rgb(232,232,232))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(255,255,255) 0%,
      rgb(232,232,232) 100%
  );
}


/* landing-page */
.cols .col { float: left; width: 270px; display: inline; }
.cols .col-2 { margin: 0 45px; }
#teaser { width: 950px; margin: 20px auto 30px auto; position: relative; background: url(../images/bg-teaser.png) top left repeat-x; height: 278px; color: #fff;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; -webkit-box-shadow: 0 1px 0 #fff;
	behavior: url(/js/vendor/PIE.htc);
}
#teaser form { color: #626262; position: absolute; right: 0; top: -15px; width: 300px; height: 270px; background: #ececec url(../images/bg-charts.png) top left repeat-x; border: 1px solid #8A8A8A; padding: 20px;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	behavior: url(/js/vendor/PIE.htc);
}
#teaser h3 { font-size: 16px; text-shadow: 0 1px 1px #fff; text-trasform: uppercase; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #DEDEDE; }
#teaser label { display: block; font-weight: bold; font-size: 11px; margin-bottom: 3px;}
#teaser li { margin-bottom: 10px; }
#teaser h3 a { float: right; display: inline; margin-top: 3px; font-size: 11px; font-weight: normal;}
#teaser .left { background: url(../images/misc-chart.png) 30px 70px no-repeat; padding-left: 315px; height: 100%; padding-top: 40px; width: 260px; }
#teaser .left h2 { color: #fff; font-weight: 700; font-size: 26px; margin-bottom: 10px; }
#teaser .left p { font-weight: bold; font-size: 14px; text-shadow: 0 1px 1px rgba(0,0,0,0.2); line-height: 25px;}
#teaser .checkbox input { float:left; margin-right:10px; }
#teaser .checkbox label { padding-top: 2px; }
#teaser .submit input { margin-top:3px; }

/* blog */
.content-blog article { margin-bottom: 50px; }
.content-blog time { font-size: 11px; display: block; color: #B4B4B4; border-bottom: 1px dotted #DCDCDC; margin-bottom: 15px; line-height: 20px; margin-top: -10px;}
#sidebarb iframe { margin-bottom: 30px; }

/* comments */
#comments .commentlist{ margin-bottom: 30px; }
#comments h3 { font-size: 20px; color: #B0B0B0; margin-bottom: 15px; }
#comments figure { float: left; width: 56px; display: inline; margin-right: 15px; }
#comments figure img { display: block;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#comments .comment { margin-bottom: 30px; }
#comments .comment-text { position: relative; float: left; width: 490px; display: inline; background: #F2F2F2; padding: 15px 15px 0 15px;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
}
#comments .arrow { position: absolute; left: -10px; top: 10px; background: url(../images/misc-arrow.png) top left no-repeat; display: block; width: 10px; height: 30px; }
.comment-author { font-weight: bold; color: #6B6B6B; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #E9E9E9;
  -webkit-box-shadow: 0 1px 0 #fff;
}
#comments .comment > .children { margin-left: 70px; padding-top: 30px; }
#comments .comment > .children .comment-text { width: 420px; }
.comment-author a { color: #000 !important; }
.comment-author small { font-size: 11px; display: inline-block; margin-left: 10px; }
.comment-author small a { color: #C4C4C4 !important; font-weight: normal; font-style: italic; border-bottom: 1px dotted #CDCDCD; }
.comment-author small a:hover { border-bottom: 1px solid #CDCDCD; }
.comment-content { color: #424242; text-shadow: 0 1px 0 #fff; }
.comment-content p { margin-bottom: 10px; }
.comment-content blockquote { margin-bottom: 15px; background: #fff; margin-left: 30px; font-style: italic; color: #6A6A6A; padding: 15px 15px 1px 15px;
  border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.comment-content p:last-child { text-align: right; text-transform: uppercase; font-size: 11px; font-weight: bold; }
.comment-content p:last-child a { color: #c4c4c4; }
.comment-content blockquote p { margin-bottom: 14px; }
.comment-text a { color: #FA0; }
.comment-text a:hover { color: #000; }

#respond { margin-bottom: 100px; }
#respond .comment-notes { }
#respond label{ width: 100px; float: left; display: inline; margin-right: 20px; text-align: right; font-weight: bold; line-height: 27px; color: #747474;}
#respond input { font-size: 13px; width: 300px; height: 25px; line-height: 25px; padding: 0 10px; margin: 0; border: 1px solid #c5c5c5;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #CECECE; -moz-box-shadow: 0 1px 1px #CECECE; box-shadow: 0 1px 1px #CECECE;
behavior: url(/js/vendor/PIE.htc);
}
#respond textarea { font-size: 13px; width: 450px; height: 150px; line-height: 20px; padding: 0 10px; margin: 0; border: 1px solid #c5c5c5;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #CECECE; -moz-box-shadow: 0 1px 1px #CECECE; box-shadow: 0 1px 1px #CECECE;
behavior: url(/js/vendor/PIE.htc);
}
#respond span.required { color: red; }
#respond p { margin-bottom: 15px; }
#respond .form-allowed-tags { margin-left: 120px; font-size: 11px; color: #A7A7A7; width: 490px; line-height: 1; }
#respond .form-submit input { cursor: pointer; margin-left: 120px; height: 35px; line-height: 35px; color: #3E403F; font-size: 13px; font-weight: bold; text-transform: uppercase; width: 140px !important; border: 1px solid #979797;
 background-color: rgb(232,232,232);
 background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(232,232,232)),
      color-stop(1, rgb(255,255,255))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(232,232,232) 0%,
      rgb(255,255,255) 100%
  );
}

#respond .form-submit input:hover {
 background-color: rgb(212,212,212);
 background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(255,255,255)),
      color-stop(1, rgb(232,232,232))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(255,255,255) 0%,
      rgb(232,232,232) 100%
  );
}

.moderation { color: #DE7600; display: block; text-align: center; margin-bottom: 15px; }

.with-options { position: relative; overflow: visible !important; }
.fund-options { display: none; position: absolute; top: 46px; left: 260px; width: 380px; height: 25px; line-height: 25px; border-top: 1px solid #4c554d; border: 1px solid #4c554d; background: url(../images/bg-form.png) 50% -2px no-repeat; color: #fff; z-index: 5; padding: 5px 10px;
	-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;
	box-shadow: 0 2px 3px #4c554d inset; -moz-box-shadow: 0 2px 3px #4c554d inset; -webkit-box-shadow: 0 2px 5px #5D695E inset, 0 -1px 0 #96a499 inset;
}
.fund-options label { margin-right: 10px; text-shadow: 0 1px 1px #000; }
.fund-options select { width: 130px; }


/* generic forms */
.generic-form ul { margin: 0; }
.generic-form li { list-style: none; margin-bottom: 15px;  }
.generic-form li label { font-weight: bold; font-size: 11px; display: block; }
.generic-form .with-error input[type=text],
.generic-form .with-error input[type=email],
.generic-form .with-error input[type=password],
.generic-form .with-error textarea { border-color: #DB2900; }
.generic-form .with-error label { color: #DB2900; }
.generic-form input[type=text],
.generic-form input[type=email],
.generic-form input[type=password] { font-size: 13px; width: 400px; height: 25px; line-height: 25px; padding: 0 10px; margin: 0; border: 1px solid #c5c5c5;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #CECECE; -moz-box-shadow: 0 1px 1px #CECECE; box-shadow: 0 1px 1px #CECECE;
	behavior: url(/js/vendor/PIE.htc);
}
.generic-form textarea { font-size: 13px; width: 400px; height: 150px; line-height: 20px; padding: 0 10px; margin: 0; border: 1px solid #c5c5c5;
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px #CECECE; -moz-box-shadow: 0 1px 1px #CECECE; box-shadow: 0 1px 1px #CECECE;
	behavior: url(/js/vendor/PIE.htc);
}

.generic-form input[type=submit] { cursor: pointer; height: 33px; line-height: 31px !important; color: #3E403F; font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 0 15px; border: 1px solid #979797;
 	background-color: rgb(232,232,232);
	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
 	background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(232,232,232)),
      color-stop(1, rgb(255,255,255))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(232,232,232) 0%,
      rgb(255,255,255) 100%
  );
}

.generic-form input[type=submit]:hover {
 	background-color: rgb(212,212,212);
 	background: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, rgb(255,255,255)),
      color-stop(1, rgb(232,232,232))
  );
  background: -moz-linear-gradient(
      center bottom,
      rgb(255,255,255) 0%,
      rgb(232,232,232) 100%
  );
}
.generic-form .with-checkbox input[type=checkbox] { margin-right: 5px;}
.generic-form .with-checkbox label { font-size: 12px; font-weight: normal;}
.generic-form .radio-vertical input[type=radio] { margin-right: 5px;}
.generic-form .radio-vertical label { font-size: 12px; font-weight: normal;}
.generic-form .radio-horizontal label { float: left; margin-right: 15px; font-size: 12px; font-weight: normal; }
.generic-form .radio-horizontal input[type=radio] { margin-right: 5px;}
.generic-form .sibling { float: left; display: inline; width: 200px; margin-right: 20px; }
.generic-form .sibling input[type=text] { width: 180px; }
.generic-form .sibling input[type=email] { width: 180px; }

.log-form input[type=text],
.log-form input[type=email],
.log-form input[type=password] { width: 280px; }

/* subfunds */
.subfunds { padding-bottom: 10px; }
.subfunds li { line-height: 29px; float: left; margin: 0 !important; padding: 0;
	opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);
}
.subfunds li.fund-name:hover {
	opacity:1;-moz-opacity:1;filter:alpha(opacity=100);
}
.subfunds a { background: url(../images/bg-th.png); float: left; padding: 0 8px; color: #000; font-weight: bold; border-right: 1px solid #C0C0C0; border-left: 1px solid #fff; }
.subfunds .fund-name { border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; }
.subfunds .fund-name:nth-child(2) { border-left: 1px solid #c0c0c0; margin-left: 5px !important;
	-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;
}
.subfunds .fund-name:nth-child(2) a { border-left: 0;
	-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;border-top-left-radius:5px;border-bottom-left-radius:5px;
}
.subfunds .fund-name:last-child {
	-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;
}
.subfunds .fund-name:last-child a {
	-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;
}


/*=====================================================================================
  Footer
=======================================================================================*/
#footer nav { float: left; width: 70%; display: inline; }
#footer p { float: right; width: 30%; display: inline; text-align: right; color: #a2b2a3; line-height: 1; }

/** ADDED BY MATIPL **/

table.tablesorter thead tr {
    cursor: pointer;
}

dt {
    float: left;
    clear: left;
    width: 16em;
}
dd {
    margin: 0 0 0 9em;
     padding: 0 0 2.5em 0;
}
.expensetype-activate {width: 100%; height:200px; align: center; margin-left:300px; margin-top: 30px }
.cyclical-payments {width: 100%; height:100px; align: center; margin-left:300px; margin-top: 10px }
a.button {background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;color: #444;display: block;float: left;font: normal 12px arial, sans-serif;height: 24px;margin-right: 6px;padding-right: 18px;text-decoration: none;}
a.button span {background: transparent url('../images/bg_button_span.gif') no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right;color: #000;outline: none;}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px;}

/* Slider */
#slider-container {float: right; width: 750px;}
#notif-slider ul, #notif-slider li{margin:0;padding:0;list-style:none;}
#notif-slider li {width:750px;height:50px;overflow:hidden;}
#notif-slider .font-bold {font-weight:bold;}
.notif-mess {line-height: 20px}
#prevBtn, #nextBtn,#slider1next, #slider1prev{display:block;width:30px;height:20px;position:absolute;left:130px;z-index:1000;}
#nextBtn, #slider1next{left:650px;}
#prevBtn, #slider1prev{left:600px;}
#prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{display:block;position:relative;width:30px;height:77px;background:url(../images/btn-prev.png) no-repeat 0 0;top:5px}
#nextBtn a, #slider1next a{background:url(../images/btn-next.png) no-repeat 0 0; top:5px}
#prevBtn, #nextBtn, #slider1prev, #slider1next{margin:0;padding:0;display:block;text-indent:8000px;}
#notif-close {float:right; width:20px; margin-right:10px; position:relative; bottom:10px;}
#notif-close-action {margin:0;padding:0;display:block;overflow:hidden;color:#FFFFFF; font-weight: bold;}
/* Slider */



/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

#cookies a:hover { color: black; }