html, body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #333;background:#DCE5F4 url(../img/bg.png); }
html { overflow-y: scroll; }

a { text-decoration: underline; color:#0a8de9;}
a:hover { text-decoration: none;}
a img { border: 0;}
input, textarea, button { font-family: Arial, sans-serif; vertical-align:baseline;}
button, input { line-height:normal; }

.hide{ display: none;}

#toptop {background:#273244 url(../img/public/header-bg.png) repeat-x top left;height:70px;padding-top:15px;}
#toptop h1 a {background:url(../img/logo-new.png) no-repeat;width:200px;height:52px;display:block;text-indent:-9999px;outline:0;margin:0 0 10px 0;}
#toptop #wrap { width: 940px; margin:0 auto;}
#toptop #logo { float:left;}
#toptop #nav { float:right;margin:13px 0 0 0;}
#toptop #nav ul {list-style-type:none;margin:0;padding:0;}
#toptop #nav ul li {list-style-type:none;float:left;margin-left:10px;}
#toptop #nav ul li.active a {
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(0,0,0,0.75), inset 0 2px 4px rgba(0,0,0,0.4);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(0,0,0,0.75), inset 0 2px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(0,0,0,0.75), inset 0 2px 4px rgba(0,0,0,0.4);
	color:#fff; background:#2b3444; background:rgba(0,0,0,0.35); font-weight:bold; padding:3px 15px; line-height:1.5;
} 
#toptop #nav ul li.inactive a:hover{
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(0,0,0,0.75);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(0,0,0,0.75);
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.1), inset 0 1px 0 rgba(0,0,0,0.75);
	color:#fff; background:#323d53; background:rgba(0,0,0,0.2);
}
#toptop #nav ul li.inactive a { font-size:13px;color:#fff;text-decoration:none;padding:0 15px; line-height:26px; height:26px;}
#toptop #nav a { font-size:12px;color:#fff;text-decoration:none; display:block; font-size:13px;padding:6px 10px;}
#toptop #nav ul li.inactive a:hover { color:#fff !important;}
#wrapper { width: 750px; margin: 15px auto 0; padding-bottom:70px;}
#wallet-switcher-wrapper {float:right;}
#wallet-switcher-wrapper .selectBox { width:130px !important; height:36px; line-height:36px;}
#wallet-switcher-wrapper #wallet-balance {color:#111;float:left;vertical-align:middle;margin-right:10px;font-weight:bold;text-shadow:0px 1px 2px #fff;}
#wallet-switcher-wrapper #wallet-balance #balance-currency { color:#333;font-size:18px;font-weight:normal;float:left;margin-right:5px;}
#balance-currency {display:none;}
#wallet-switcher-wrapper #wallet-balance span{font-size:44px; line-height:40px;}
#signs { margin: 0 0 18px 0; font-size:12px; color:#999; padding-top:5px;}
#add-tr-buttons {float:left; width:300px;}
#add-tr-buttons a { font-weight:bold !important;text-decoration:none;color:#666;}
#add-tr-buttons a:hover {text-decoration:underline !important;}
#container { 
	background:#fff;
	width: 750px; margin: 0;
	box-shadow:0 2px 3px rgba(0,0,0,0.2);
		-moz-box-shadow:0 2px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);
	border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

#wallet-holder {margin-left:10px;display:inline-block; font-size:14px; color:#666;position:relative;}
#wallet-holder span a {margin-left:10px;text-decoration:none;background:url(../img/down_arrow.gif) no-repeat right 11px; padding:5px 20px 5px 10px;font-size:20px;font-weight:bold; display:inline-block; border-style:solid; border-width:1px 1px 0; border-color:transparent; line-height:1.2}
#wallet-holder span a.active{height:29px;background:#fff url(../img/up_arrow.gif) no-repeat right 11px; border-style:solid; border-width:1px 1px 0; border-color:#ccc; position:relative; z-index:999; box-shadow:0 -3px 3px rgba(0, 0, 0, 0.2);}
/*0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue*/

#wallet-holder span a:hover {text-decoration:underline;}
#wallet-list {display:none;padding-top:5px;position:absolute;background:#fff;border:1px solid #ccc;right:1px;top:39px;z-index:100;width:170px; box-shadow:0 0 6px rgba(0, 0, 0, 0.2)}
#wallet-list div a{display:block;padding:10px 20px; text-decoration:none;}
#wallet-list div a:hover{text-decoration:underline;}
#wallet-list #change-wallet-add {background:#eee;}
#wallet-list #change-wallet-add a{font-weight:bold; border-top:solid 1px #ccc;}


li.select-add { background:#eee;}
li.select-add a { font-weight:bold !important;}
li.select-add a:hover {background:none !important;text-decoration:underline !important;cursor:pointer;}


div.account-inactive { background: #454A51 url(../img/accounts-bg.png) right top no-repeat;color:#fff; font-size:14px; padding:10px; margin-bottom: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; cursor:pointer; }
div.account-inactive span { font-size:27px; font-weight:bold;color:#fff !important;text-shadow:1px 1px 1px #111;}
div.account-active { background: #fff;color:#999; font-size:14px; padding:10px; margin-bottom: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; cursor:pointer; }
div.account-active span { font-size:27px; font-weight:bold;color:#454A51 !important;text-shadow:0px 1px 1px #ccc;}
span.edit-account { font-size:11px !important;}
span.edit-account a { font-size:11px;text-shadow:none;font-weight:normal;}
a.add-wallet{background:#999; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; color:#FFFFFF; cursor:pointer; font-size:12px; margin-bottom:5px; float:left; width:144px; padding:10px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
a.add-wallet:hover{background:#aaa;}
.add-wallet-popup{height: 40px; margin-top: 5px; padding: 5px; width: 420px;}

#loading-global { position:fixed;top:0;left:0px;background:#FCEE19 url(../img/loader-global.gif) no-repeat 5px 6px;padding:5px 5px 5px 30px;z-index:9999;font-size:12px;font-weight:bold;display:none;}

#header { margin: 0;}
#header h1 a { text-decoration:none; color: #222;}
h1 { color:#000; font-size: 30px; margin:0; padding:0;}
h1 div { font-size: 16px; color: #777; font-weight: normal; }

h2 { font-size:18px; color:#293141; }
h3 {  }
h4 {  }
h5 { font-size: 13px; }
h6 {  }

#home { text-shadow:0 1px 1px #fff; padding:20px;}
#home h1 { color: #242C3B !important;font-size:22px;text-shadow:0 1px 1px #fff; margin: 0 0 20px 0;line-height:1.5em;}
#home h1 span { background: #ffff88;padding:4px 4px;}
#home h2 { color: #242C3B !important;font-size:20px;text-shadow:0 1px 1px #fff; margin: 20px 0 10px 0;}
#home #screenshot { /*border:6px solid #fff;*/}
#home #screenshot img { }
#home #screencast { display:none;}
#home ul { margin:0;padding:0 0 0 15px;}
#home ul li { margin-bottom:5px; }
#home #features { float:left; width:260px;}
#home #next { float:left; width:270px;margin-left:20px;}
#home #invite { margin: 20px 0 0 0; border-top: 1px solid #ddd; padding-top:10px; line-height:1.5em;}


#adder, #adder-transfer { 
	background:#f7f8f9; border-bottom:solid 1px #d9d9d9; display:none; padding:15px; 
	border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
	}
#adder .selectBox, #adder-transfer .selectBox{width:150px !important;}

#cashflow, #dashboard {margin:0; padding:15px; width:720px;}
#cashflow h2, #dashboard h2 {font-size:20px;margin:0 0 30px 0;}
#cashflow #period, .dashboard-content #period, .dashboard-content #period-budget, .dashboard-content #period-category { margin:0 0 20px 0;}
#cashflow #period ul, .dashboard-content #period ul, .dashboard-content #period-budget ul, .dashboard-content #period-category ul { list-style-type:none;margin:0;padding:0;float:left;}
#cashflow #period ul li, .dashboard-content #period ul li, .dashboard-content #period-budget ul li, .dashboard-content #period-category ul li { list-style-type:none;float:left;margin-right:7px;}
#cashflow #period a, .dashboard-content #period a, .dashboard-content #period-budget a, .dashboard-content #period-category a { 
	background: #cdcfd2; /* Old browsers */
		background: -moz-linear-gradient(top, #cdcfd2 0%, #d5d7da 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcfd2), color-stop(100%,#d5d7da)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #cdcfd2 0%,#d5d7da 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #cdcfd2 0%,#d5d7da 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #cdcfd2 0%,#d5d7da 100%); /* IE10+ */
		background: linear-gradient(top, #cdcfd2 0%,#d5d7da 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcfd2', endColorstr='#d5d7da',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 1px 1px rgba(0,0,0,0.2);
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
	color:#293141;padding:4px 8px;font-size:11px;text-decoration:none;-moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; text-shadow:0 1px 0 rgba(255,255,255,0.8); display:block;
}
#cashflow #period a:hover, .dashboard-content #period a:hover, .dashboard-content #period-budget a:hover, .dashboard-content #period-category a:hover { background:#ddd;}
#cashflow #period a.active, .dashboard-content #period a.active, .dashboard-content #period-budget a.active, .dashboard-content #period-category a.active{ 
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.9);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.9);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.9);
	background:#555;color:#fff; text-shadow:none; 
}
#cashflow #holder {clear:both;}
#cashflow #holder .section {
	background: #f0f4f7; /* Old browsers */
		background: -moz-linear-gradient(top, #f0f4f7 0%, #eaeff4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f4f7), color-stop(100%,#eaeff4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #f0f4f7 0%,#eaeff4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #f0f4f7 0%,#eaeff4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #f0f4f7 0%,#eaeff4 100%); /* IE10+ */
		background: linear-gradient(top, #f0f4f7 0%,#eaeff4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f7', endColorstr='#eaeff4',GradientType=0 ); /* IE6-9 */
	border-radius:4px 4px 0 0;
		-moz-border-radius:4px 4px 0 0;
		-webkit-border-radius:4px 4px 0 0;
	box-shadow:inset 0 1px 0 #fbfcfd;
		-moz-box-shadow:inset 0 1px 0 #fbfcfd;
		-webkit-box-shadow:inset 0 1px 0 #fbfcfd;
	padding:10px; width:336px; float:left; border-style:solid; border-width:1px 1px 0; border-color:#dae3ec #d2d7db #d2d7db; cursor:pointer;height:50px; text-shadow:0 1px 0 rgba(255,255,255,0.8);}
#cashflow #holder .section .amount{font-size:26px;font-weight:bold; padding-top:5px;color:#555;}
#cashflow #holder #expenses.section{border-color:#dae3ec; float:right;}
#cashflow #holder #income.section{border-color:#dae3ec;}
#cashflow #holder .section.active, #cashflow #holder .section.active:hover {
	background:#fff; border-style:solid; border-width:1px 1px 0; border-color:#e5e5e5 !important; margin-bottom:-1px; z-index:10; height:51px;}
#cashflow #holder .section:hover{background:#e6eef4; border-color:#d1dde8 !important;}
#cashflow #holder .section:hover .amount{color:#000;}
#cashflow #holder .section:hover .label{color:#666;}
#cashflow #holder .view { float:right;}
#cashflow #holder .view ul{padding:0; margin:0;}
#cashflow #holder .view li{float:left; padding:0 2px; list-style:none;}
#cashflow #holder .view a {
	background: #d4d7dc; /* Old browsers */
		background: -moz-linear-gradient(top, #d4d7dc 0%, #dcdfe4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d7dc), color-stop(100%,#dcdfe4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d4d7dc 0%,#dcdfe4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d4d7dc 0%,#dcdfe4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d4d7dc 0%,#dcdfe4 100%); /* IE10+ */
		background: linear-gradient(top, #d4d7dc 0%,#dcdfe4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d7dc', endColorstr='#dcdfe4',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
	color:#293141; text-decoration:none; font-size:11px; padding:3px 12px; -moz-border-radius:16px; -webkit-border-radius:16px; border-radius:16px; background:#ddd; display:block;
}
#cashflow #holder .view a:hover{background:#ccc;}
#cashflow #holder .view a.active {
	-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.7);
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.7);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.7);
	background:#555; color:#fff; text-shadow:none;
}
.month-select{list-style:none; float:right; margin:0; padding:0 0 0 10px;}
	.month-select li{float:left;}
	.month-select a{
		background:#f3f3f3;
		background: linear-gradient(top, #fff 0%,#f3f3f3 100%); /* W3C */
		background: -moz-linear-gradient(top, #fff 0%, #f3f3f3 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fff 0%,#f3f3f3 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #fff 0%,#f3f3f3 100%); /* IE10+ */
		filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
		box-shadow:			0 1px 0 0 rgba(0,0,0,0.03);
		-moz-box-shadow:	0 1px 0 0 rgba(0,0,0,0.03);
		-webkit-box-shadow:	0 1px 0 0 rgba(0,0,0,0.03);
		height:26px; line-height:26px; color:#444; font-size:11px; font-weight:bold; border:solid 1px #bfbfbf; padding:0 7px; display:block; text-decoration:none !important; position:relative;
	}
	.month-select a.disabled{color:#BBB;}
	.month-select a.disabled:hover{border-color:#BBB;color:#BBB;}
	.month-select a:hover{
		box-shadow:			0 1px 0 0 rgba(0,0,0,0.08);
		-moz-box-shadow:	0 1px 0 0 rgba(0,0,0,0.08);
		-webkit-box-shadow:	0 1px 0 0 rgba(0,0,0,0.08);
		border-color:#999; color:#000;
	}
	.month-select a:active{border-color:#797979;}
	.month-select .prev-month{
		border-radius:			3px 0 0 3px;
		-moz-border-radius:		3px 0 0 3px;
		-webkit-border-radius:	3px 0 0 3px;
		right:-1px;
	}
	.month-select .prev-month:hover{z-index:10;}
	.month-select .next-month{
		border-radius:			0 3px 3px 0;
		-moz-border-radius:		0 3px 3px 0;
		-webkit-border-radius:	0 3px 3px 0;
	}
		.month-select a span{background:url(../img/prev-next_icon.png) no-repeat;}
		.month-select a.prev-month span{background-position:0 2px; padding-left:14px;}
		.month-select a.next-month span{background-position:right -10px; padding-right:14px;}
	
#cashflow #holder .label { font-size:12px;color:#999;font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}
#cashflow #holder .active .label { color:#767676; text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}
#cashflow #holder .active .amount { color:#111;}
#cashflow #holder #content {
	border-radius:0 0 4px 4px;
		-moz-border-radius:0 0 4px 4px;
		-webkit-border-radius:0 0 4px 4px;
	border:solid 1px #e5e5e5; clear:both; padding:5px 0;
	}
#content .transactions { font-size:13px;color:#555;}
#content .transactions tr:last-child td{border-bottom:none !important;}
#content .transactions table { width:100%;}
.transactions table td { border-bottom:1px solid #eee;padding:0 10px; height:35px !important; text-align:left;}
.transactions table td.rec{width:35px; padding-right:0;}
.transactions table td.amount {text-align:right; font-weight:bold;}
.transactions table td.date {color:#999;width:90px; padding-right:0;}
.transactions table td.tag{width:148px;}
.transactions table td.desc{color:#b7b7b7; width:201px;}
.transactions table td.amount{width:100px;}
.transactions table tr:hover, #container .main-content table.listing tr:hover td{background:#ffffbb;cursor:pointer;}

.main-padder { padding:10px 15px;}
.main-padder h2 {margin:10px 0;padding:0;text-shadow:0 2px 2px #fff;}
.main-padder p { margin:0;text-shadow:0 2px 2px #fff;color:#444;}
#main-container { margin: 0; width:750px; float:left;padding:0;}
#fields-container input{
	border: 1px solid #B4B4B4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
	border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    padding: 4px 9px; vertical-align:middle;
}
form.signinup .input-small input[type="text"]{
	width: 145px;
}
#fields-container input:focus{outline:none; background-color:#F3F9FF; border-color:#7EBCEE; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
#fields-container table td {padding-right:10px;}
#submit-container input{border:none;padding:0;}
#submit-container .add-loader { padding-top:13px;display:none;}
#main-container input#amount, #main-container input#amount-transfer, #cashflow-amount { 
	border-radius:0 4px 4px 0;
		-moz-border-radius:0 4px 4px 0;
		-webkit-border-radius:0 4px 4px 0;
	width:158px; border-left:none; font-size:22px; text-align:right;
	}
#main-container input#details { width:365px; }
#main-container input#details-transfer { width: 335px; }
#main-container input#details-transfer.popup { width: 455px; }
#cashflow-details { width: 480px; }
#main-container #transaction-date, #main-container #cashflow-transaction-date { margin:8px 0 0 0; font-size:11px; height:20px; color:#444;}
#main-container #transaction-date span, #main-container #cashflow-transaction-date span { font-weight:bold; }
#main-container #transaction-date a, #main-container #cashflow-transaction-date a { color:#0a8de9; text-decoration:none;}
#main-container #transaction-date a:hover, #main-container #cashflow-transaction-date a:hover {color:#3D97E6;}
#transaction-date a#transaction-date-trigger, #cashflow-transaction-date a#cashflow-transaction-date-trigger, #transaction-date a#transaction-date-trigger-transfer {background:url(../img/down_arrow.gif) no-repeat right center; padding:0 15px 0 0;}

#repeat-freq{vertical-align:middle;}
.triggers-wrap{display:inline-block; height:26px; line-height:26px; margin-left: 10px;}
#info {margin: 0 0 0 0; padding: 20px;background:#fff; width:710px;}
#info h3 {font-size:16px;}
#tag_details { width:710px;font-size:12px;/*height:450px;*/min-height: 400px;}
#transactions-in {float:left;width: 353px;}
#transactions-out {float:left;margin-left:2px;width: 354px;}
.transactions-listing {/*height:320px;*/overflow:auto;outline:none !important;overflow:hidden;}
#tag_details h3 {color:#fff !important; padding: 10px 10px 7px 10px;font-weight:normal;font-size:14px; }
#tag_details h3 span {font-size: 30px;font-weight:bold;margin:0;}
h3#in-head {background:#6CD200; text-shadow:1px 1px 1px #01AD01;line-height:1.7em;}
h3#out-head {background:#F63E0B; text-shadow:1px 1px 1px #AE0202;line-height:1.7em;}

/*
#in-table, #out-table{width:100%;}
#tag_details table td { padding: 5px;border-bottom:1px solid #eee;color:#777; white-space:nowrap; text-align:right;} 
#in-table td.amount {color:#60CC00;font-weight:bold;background:url(../img/drag_handle.gif) no-repeat 0 center;padding-left:10px; width:55px !important;}
#out-table td.amount {color:#F63B0A;font-weight:bold;background:url(../img/drag_handle.gif) no-repeat 0 center;padding-left:10px; width:55px !important;}
#in-table td.action, #out-table td.action {width:18px; padding-left:0; text-align:left;}
#in-table td.tag, #out-table td.tag {width:130px; overflow:hidden; text-align:left;}
#in-table .tag input[type="text"], #out-table .tag input[type="text"]{font-size:12px;}
#in-table td.tag div, #out-table td.tag div{text-align:left;}
#in-table td.date, #out-table td.date {width:40px; padding-left:0;color:#bbb;text-align:right;}
td.amount{width:40px !important; padding-right:0 !important; cursor:move;}
*/

.draggable-helper {background: #454A51;color:#eee;font-weight:normal;font-size:12px;padding:5px;}
.draggable-target-indicator {border:2px solid #6CD200;background:#FFEE32;border:none;}
div.draggable-target-indicator {background:#FFEE32;border:none;}

a.edit-transaction {background:url(../img/button-edit.png) no-repeat;width:16px;height:16px;display:inline-block;text-indent:-9999px !important;outline:0; text-align:left;}
a.edit-transaction:hover {background-position: 0 -16px;width:16px;height:16px;}
.edit-transaction-wrap {/*background:#ffffbb;*/padding:0 !important;height:124px !important;font-size:14px;line-height:1.5em; border:none !important;}
tr.active{background:#ffffbb;}
tr.active td{border-bottom:none !important;}
/*
.edit-transaction-wrap div.edit-wrap:before{content:url('../img/edit-transaction_arr.png'); position:absolute; top:-9px; left:50%; margin-left:-4px; line-height:8px;}*/
.edit-transaction-wrap div.row-wrap{
	background:#f0f0f0 url(../img/edit-transaction_bg.png) repeat-x 0 0; padding:15px 8px; 
	position:absolute; left:-1px; right:-1px; top:-1px;
	border-style:solid; border-color:#c7c7c7; border-width:0 1px; height:94px;
}
.edit-wrap{cursor:default; position:relative; height:122px;}
.edit-transaction-wrap div.row-wrap label{color:#000; font-size:13px; padding-right:7px; vertical-align:middle;}
.edit-transaction-wrap div.row-wrap .row.first{padding-bottom:15px; border-bottom:solid 1px #d8d8d8;}
.edit-transaction-wrap div.row-wrap .row.second{padding-top:15px; border-top:solid 1px #fff;}
.edit-transaction-wrap div.row-wrap .text-field{
	box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
		-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.15);
		-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.15);
	border:solid 1px #b4b4b4; padding:4px 9px; -webkit-background-clip:padding; height:24px; line-height:24px; font-size:13px;
	}
.edit-transaction-wrap div.row-wrap .text-field.small{height:18px; line-height:18px;}
.edit-transaction-wrap div.row-wrap .edit-date, .cashflow .edit-date{background:#fff url(../img/calendar-icon.png) no-repeat 93px 6px; -webkit-background-clip:padding; width:100px; margin-right:15px;}
.edit-transaction-wrap div.row-wrap .edit-amount{
	border-radius:0 4px 4px 0;
		-moz-border-radius:0 4px 4px 0;
		-webkit-border-radius:0 4px 4px 0;
	text-align:right; width:160px; margin-right:7px; font-size:22px; font-weight:normal; border-left:none;
	}
.labels{position:relative; background:url(../img/transactions-edit-label.png) no-repeat; height:34px; display:inline-block; padding-left:7px;}
.labels label{position:absolute; left:15px; top:6px; z-index:999; display:none;}
.labels.expenses{background-position:0 0;}
	#fields-container .labels.expenses input{
		background:#fff9f5 !important; color:#ff9933; border-color:#f6c083 !important;
		border-radius:0 4px 4px 0;
			-moz-border-radius:0 4px 4px 0;
			-webkit-border-radius:0 4px 4px 0;
	}
.labels.income{background-position:0 -34px;}
	#fields-container .labels.income input{
		background:#f6fbe9 !important; color:#8eb913; border-color:#bddd64 !important;
		border-radius:0 4px 4px 0;
			-moz-border-radius:0 4px 4px 0;
			-webkit-border-radius:0 4px 4px 0;
	}
.edit-transaction-wrap div.row-wrap .expenses .edit-amount{
	border-style:solid; border-width:1px 1px 1px 0; border-color:#f6c083 #f6c083 #f5bf82;
	}
.edit-transaction-wrap div.row-wrap .income .edit-amount{}
.edit-transaction-wrap div.row-wrap .edit-description{margin-left:7px; width:240px;}
.edit-transaction-wrap .edit-delete a { background:red;color:#fff;text-decoration:none;padding:3px;}
.edit-transaction-wrap input, .add-wallet-popup input{width:80px; border:solid 1px #ccc; font-size:12px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:4px 5px 3px; vertical-align:middle;}
.text-input{
	border-radius:4px;	
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	border:solid 1px #ccc; padding:4px; height:24px; line-height:24px; /*vertical-align:middle;*/
	}
.text-input-big{padding:6px 5px;}
.text-input-small { padding:2px 4px !important; height:18px !important; line-height:18px !important; }
/*.edit-transaction-wrap input:focus, .add-wallet-popup input:focus, .text-input:focus{outline:none; background-color:#F3F9FF; border-color:#7EBCEE; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}*/
.edit-transaction-wrap .edit-repeat { margin-top:10px;}
.edit-transaction-wrap select { width:170px ;}


input[type=text]:focus, 
input[type=password]:focus,
textarea:focus {
	outline: 0;
	border-color: rgba(82, 168, 236, 0.8);
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(82, 168, 236, 0.6);
}

.edit-wrap .row.second .selectBox-dropdown{
	height:26px !important; line-height:26px !important;
	}
.edit-wrap .row.second .selectBox-dropdown .selectBox-arrow{height:18px; top:4px;}
.edit-wrap .row.second .selectBox-dropdown .selectBox-label{font-size:12px !important; font-weight:normal !important;}

.selectBox-dropdown{
	height:32px !important;
	position: relative;
	border-style:solid; border-width:1px; border-color:#b5b5b5 #b5b5b5 #b4b4b4 #b5b5b5;
	line-height: 32px !important;
	text-decoration: none;
	color: #000 !important;
	outline: none;
	vertical-align: middle;
	background: -moz-linear-gradient(top, #fff 1%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(100%, #f2f2f2));
	background: linear-gradient(top, #fff 0%,#f2f2f2 100%); /* W3C */
	box-shadow:0 0 1px rgba(0,0,0,0.03);
		-moz-box-shadow:0 0 1px rgba(0,0,0,0.03);
		-webkit-box-shadow:0 0 1px rgba(0,0,0,0.03);
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	padding: 0 24px 0 8px;
	display: inline-block;
	cursor: default;
	font-size:13px;
	background-clip:padding-box;
}

.selectBox-dropdown.small{height:26px !important; line-height:26px !important;}
.selectBox-dropdown.small .selectBox-label{font-weight:normal !important;}
.selectBox-dropdown.small .selectBox-arrow{height:18px !important; top:4px !important;}

.edit-wrap .selectBox-label{color:#000 !important;}
.edit-wrap .cancel-edit-link{color:#ff0505; font-size:12px; text-decoration:none; line-height:1; margin-top:8px;}
.edit-wrap .cancel-edit-link:hover{border-bottom:solid 1px;}
.edit-wrap .edit-delete{background:url(../img/icon-delete.png) no-repeat 0 0; width:23px; height:22px; margin-top:1px; display:inline-block; text-indent:-9999px; position:relative; top:1px;}
.edit-wrap .edit-transfer-delete{background:url(../img/icon-delete.png) no-repeat 0 0; width:23px; height:22px; margin-top:1px; display:inline-block; text-indent:-9999px; position:relative; top:1px;}
.edit-wrap .edit-delete:hover, .edit-wrap .edit-transfer-delete:hover;{background-position:0 -22px;}
.edit-wrap .edit-delete:focus, .edit-wrap .edit-transfer-delete:focus;{background-position:0 -44px; top:2px;}
a.selectBox.edit-repeat-freq{width:107px !important; margin-right:15px;}
select.edit-repeat-freq{width:142px !important; margin-right:15px;}
a.selectBox.edit-category{width:130px !important;}
a.selectBox.edit-account{width:86px !important; margin-right:15px;}

div#prev-month-container { float:left;display:block;width:30px;}
div#current-month-container { float:left; width:630px;text-align:center; font-size:22px;color:#444;font-weight:bold;}
div#next-month-container { float:right;width:30px;display:block;margin-right:0;}
div#prev-month-container a, div#next-month-container a {outline:none;}


#analytics-container table th { font-size:12px;font-weight:bold;text-align:left;}
#analytics-container input { font-size:13px;font-family:Arial, sans-serif;}



#stats-container { display:none;min-height:350px;}
#stats-content {position:relative;}
#stats-container #loader { text-align:center;margin-top:10px;}
#stats-container h2 { font-size: 22px; color: #444; margin: 0 0 15px 0;}
#stats-selector { float:right;}
#stats-selector input { width:100px;height:19px;font-size:12px;}
#stats-display {padding:20px;}
#stats-display .stats-section { border-bottom:4px solid #b4bbc3;padding-bottom:20px;color:#444;font-size:12px;}
#stats-display .stats-section h3 {margin:15px 0;}
#stats-display .stats-section h3 span { font-weight:normal;}
#stats-display .stats-left { float:left; width:345px;}
#stats-display .stats-right { float:left; width:345px;margin-left:10px;}
#stats-display table { width:100%;}
#stats-display table tr th { text-align:left;padding:5px;color:#fff;}
#stats-display table tr th.total { font-size:14px;padding-right:5px;text-align:right;width:100px;}
#stats-display table tr td { padding:3px;}
#stats-display table tr.hide { display:none;}
#stats-display table td { border-bottom:1px solid #eee;}
#stats-display table td.amount { text-align:right;padding-right:5px;}
#stats-display table tr.stats-earned-h th { background:#6CD200;font-size:16px;}
#stats-display table tr.stats-spent-h th { background:#F63E0B;font-size:16px;}
#stats-view-modes { margin:0px 0 10px 0; font-size:14px;}
#stats-search-form { margin:5px 0 17px 0;}
#stats-search-form input { height:28px;font-size:14px; border:solid 1px #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:4px 5px;}
#stats-search-form  input:focus {outline:none; background-color:#F3F9FF; border-color:#7EBCEE; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}

/*.stats-listing { height:258px;overflow:auto;}*/

#max_spending { font-size:32px;font-weight:bold !important;padding-top:10px;}
#predictions-adjust-label { font-size:14px;font-weight:normal;margin:10px 0;}
#slider-range-min { width:500px;}
h3.prediction-head { width:190px !important;float:left;margin-top:30px;}
#prediction-total {float:left; font-size:32px;font-weight:bold !important;margin-top:10px;}

#other-charts { border-top:1px solid #ccc; margin-top:20px; padding-top:15px;}
#other-charts a { font-size: 12px;}
#other-charts a.active { font-weight:bold;}

#account-tags { margin: 20px 0 0 0; font-weight:bold;}
#options {margin: 30px 0 0 0;}

.tag_details_empty { color:#999;}
.jqInTransactions .tag_details_empty { text-align:left !important;}

#right-container { margin: 0px 0 0 40px; width: 200px;float:left;border-left:1px solid #ccc;}

/* Sticky footer */
html, body, #container-wrap{height:100%;}
body > #container-wrap {height: auto; min-height: 100%;}


#footer {background:#fff; border-top:solid 1px #bcc1ca; font-size: 12px; color:#999; text-align:center; margin-top: -45px; height:44px; line-height:44px; position: relative;}
#footer a, #footer span { color:#333;text-decoration:none; margin:0 3px;}
#footer .facebook{background:url(../img/icon-facebook.png) no-repeat 5px center; padding-left:20px;}
#footer .twitter{background:url(../img/icon-twitter.png) no-repeat 0 center; padding-left:20px;}
#footer .mail{background:url(../img/icon-mail.png) no-repeat 0 center; padding-left:18px;}
#footer a:hover {text-decoration:underline;} 
#footer-right { float: right;margin-right:110px;}
#footer-help { margin: 5px 0 15px 0;color:#555;border-bottom:1px solid #ccc; padding-bottom:10px;width:750px;}
#footer-help strong { font-size:14px;}
#error { color: #FF6600; margin: 5px 0 0 0; }

#static-container { width: 700px; line-height: 1.5;}
#static-container h1 { font-size: 20px; }
#static-container h2 { font-size: 16px; color: #444; margin: 20px 0 0 0; padding:0;}

.ui-datepicker-trigger { position:absolute; top:70px; left:50px; cursor:pointer; visibility:hidden;}

.clear { clear: both;line-height:0px;}


#ui-datepicker-div {margin-top:5px; font-size:14px !important;font-family: Helvetica, Arial, sans-serif; z-index:11;}

.main-content {padding:15px;}
.main-content hgroup { 
	padding-bottom:20px; margin-bottom:25px;
	border-bottom:solid 1px #e5e5e5; 
}
	.main-content hgroup h2 { margin-bottom:10px; }
	.main-content hgroup h6 { 
		font-size:12px; color:#888; font-weight:normal; 
		margin:0; 
	}
.main-content li.ui-state-default { font-size:12px !important; font-weight:bold;}
.main-content table.listing { width:100%; }
.main-content table.insideListing {float:left; width:350px;}
.main-content table.income {margin-right:5px;}
.main-content table.expenses {margin-left:5px;}
.main-content table.listing th { border-bottom: 0px solid #999; padding:0 0 10px;text-align:left;font-size:20px; vertical-align:top;}
.main-content table.listing th a { color:#0a8de9;}
.main-content table.listing th h5 { padding: 0 5px 5px 5px; margin: 0;border-bottom:4px solid #ddd;}
.main-content table.listing td { border-bottom: 1px solid #ddd; padding:0 5px; height:36px;}
.edit-trigger-wrapper{position:relative; height:28px;line-height:26px;}
.edit-trigger{background:#fff; display: none; font-size: 12px; font-weight: normal; height:17px; width:27px; left: -60px; padding:8px 10px; position: absolute; top: -3px; text-align:left; -moz-border-radius:4px 0 0 4px; webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.edit-trigger.right{left:auto; right:-60px; -moz-border-radius:0 4px 4px 0; webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; text-align:right;}
tr:hover .edit-trigger{display:block;}
.transactions .edit-trigger{left:-65px;}
a.account-edit-link { font-size:14px; color:#0a8de9; font-weight:bold;}
.main-content table.listing td.faded-text { color:#aaa;}
.main-content table.listing tr.account-archived td { background: #ededed;}
.main-content span.edit-suggestion { font-size:11px; color: #999; padding-left:10px; display:none;}
.main-content .edit-form, .main-content .add-account-form, .main-content .share-account-form, .main-content .add-tag-form, .main-content .add-budget-form { display:none; font-size:12px;line-height:1.5em;}
.add-budget-form th{text-align:left;}
.main-content .edit-form input, .main-content .add-account-form input, .main-content .add-tag-form input, .add-tag-form select{ font-family: Helvetica, Arial, sans-serif; font-size:14px; width: 150px; vertical-align:middle;}
.main-content .edit-form button, .main-content .add-account-form button, .main-content .add-tag-form button { font-family: Helvetica, Arial, sans-serif; font-size:12px; vertical-align:baseline;}
.main-content .edit-form a.cancel-edit-link, .main-content .add-account-form a.cancel-add-link, .main-content .add-tag-form a.cancel-add-link { font-weight:normal !important;color:#555 !important;font-size:12px !important;}
.main-content table.add-tag-form td{border:none;padding:2px;height:20px;}
.main-content table.add-tag-form th{text-align:left;}
.main-content .ui-state-active { background:#fff !important;}
.main-content .ui-state-active a { font-weight:bold !important;}
.main-content li a {outline:none;}
.main-content #import-wrapper, #export-wrapper { padding:0;margin:0 0 30px 0;}
.main-content .imported-csv tr.th td {font-weight:bold;}


#breadcrumbs { padding-top:10px;}
#breadcrumbs a { text-decoration:none;font-size:12px; font-weight:bold;}
#breadcrumbs a:hover { text-decoration:underline; }


.tools-tab-block { border-bottom:5px solid #aaa; padding-bottom:30px;margin-bottom:10px; font-size:12px;}
.tools-tab-block input[type="text"], input.large-field { font-family: Helvetica, Arial, sans-serif; font-size:14px; height:28px; line-height:28px;}
label#label_allow_email_notifications { height:28px; }
.tools-tab-block label { font-weight:bold; font-size:14px;}
.tools-tab-block-desc {font-size:12px;color:#888; margin: 0 0 15px 0;background:#EFF2F9;padding: 10px;line-height:1.5em;font-size:14px;}

a.item_delete { color:red;}

#help-container { line-height:1.5em;}
#help-container #screencast { display:none;}


#repeat-trigger, #cashflow-repeat-trigger, #wallet-trigger {background:url(../img/down_arrow.gif) no-repeat right center; padding:0 15px 0 0;}
#repeat-wrapper, #cashflow-repeat-wrapper { display:none;margin:0;padding:0;}
#repeat-wrapper #close-repeat a, #cashflow-repeat-wrapper #cashflow-close-repeat a, #wallet-wrapper #close-wallet a { font-size:12px;color:#333 !important;}
.repeat-end { display:none;}

#categ-merger-type .selectBox, #import-selects .selectBox, #adder #repeat-wrapper .selectBox, .edit-transaction-wrap .selectBox, .add-tag-form .selectBox, #import-form .selectBox, .add-budget-form .selectBox{height:22px; width:140px !important; line-height:22px;}
#categ-merger-type .selectBox-dropdown .selectBox-label, #import-selects .selectBox-dropdown .selectBox-label, #repeat-wrapper .selectBox-dropdown .selectBox-label, .edit-transaction-wrap .selectBox-dropdown .selectBox-label, .add-tag-form .selectBox-dropdown .selectBox-label, #import-form .selectBox-dropdown .selectBox-label, .add-budget-form .selectBox-dropdown .selectBox-label{color:#000; font-weight:bold; font-size:13px;}

#import-form .selectBox, #import-selects .selectBox{width:100px !important;}
#import-selects p .selectBox{width:120px !important;}

#messages { background:#FCEE19; border-bottom: 1px solid #d2d2d2; font-size:12px; color: #444; padding:10px; }
#messages #inner { width: 900px; margin-left:auto;margin-right:auto; padding-left:280px;}
#messages #inner a { font-weight:bold;color: #444; }
#messages #msg-right { float:right;margin-right:10px;}
#messages #msg-right a { color:#ff7700;}

.global-error {
	background: url(../img/global-err_bg.png) repeat-x 0 0;
	height: 30px;
	color: #fff; font-weight: 700; text-align: center; line-height: 28px;
}
	.global-error span { 
		background: url(../img/global-err_icon.png) no-repeat 0 center;
		padding-left: 40px; margin-right: 10px;
	}
	.global-error a {
		background: url(../img/global-err-close_icon.png) no-repeat 0 0;
		display: inline-block;
		text-indent: -9999px;
		width: 14px; height: 14px;
		position: relative; top: 7px;
	}
	.global-error a:hover { opacity: 0.8; }

/* login/signup forms */

#login-container { width:370px;float:left;line-height:1.9em;}
#promote-signup { float:left;display:block;margin: 0 0 0 30px; margin-top:23px; line-height:1.5em;}
#promote-signup h2, #promote-signin h2 { color: #242C3B !important;font-size:18px;text-shadow:0 1px 0 #fff; margin: 0;padding:0;}
#promote-signin { float:left;display:block;margin: 0 0 0 30px; margin-top:23px; line-height:1em;}
.login-error { background:red; color:#fff;padding:5px;width:290px;margin-top:10px;text-shadow:none !important;}
form.signinup { }
form.signinup label { display:block; color:#666;font-size:14px; margin-bottom:1px;font-weight:bold;}
form.signinup input[type=text], form.signinup input[type=password] { font-size:22px; height:31px; width:300px;margin-bottom:5px; border:solid 1px #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:5px;}
form.signinup  input[type=text]:focus, form.signinup  input[type=password]:focus {outline:none; background-color:#F3F9FF; border-color:#7EBCEE; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
form.signinup p.remember label { display:inline;font-size:12px;}
form.signinup #remember { margin-left:20px;}
form.signinup p.forgot { width:150px;margin:15px 0 0 0;}
form.signinup .forgot a { font-size:12px;}
form.signinup p.submit { margin:30px 0 0 0;}
form.signinup #submit { background:#242C3B; border:1px solid #000; color:#eee;width:130px;height:40px;font-size:14px; cursor:pointer;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px; 
}
form.signinup #submit:hover { background: #36435A; border:1px solid #36435A;}


/* awesome buttons */

button.awesome { border:0; font-family:Helvetica, Arial, sans-serif;}
.awesome, .awesome:visited {
	background: #222 url(../img/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff !important; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 .awesome:hover							{ background-color: #111; color: #fff; }
.awesome:active							{ top: 1px; }
.small.awesome, .small.awesome:visited 			{ font-size: 11px !important; padding:0 8px; height:22px; line-height:22px;}
button.small.awesome 			{padding-bottom:2px; vertical-align:middle;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited 			{ font-size: 14px !important; padding: 12px 14px 9px 14px; vertical-align:middle;}
.xlarge.awesome, .xlarge.awesome:visited 			{ font-size: 22px; padding: 18px 25px 17px 25px; }
.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
.green.awesome:hover						{ background-color: #749a02; }
.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
.blue.awesome:hover							{ background-color: #007d9a; }
.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
.red.awesome:hover							{ background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
.magenta.awesome:hover							{ background-color: #630030; }
.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
.orange.awesome:hover							{ background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
.yellow.awesome:hover							{ background-color: #fc9200; }
.darkblue.awesome, .darkblue.awesome:visited		{ background-color: #0a8de9; vertical-align:middle;}
.darkblue.awesome:hover							{ background-color: #0070E0; }
.green2.awesome, .green2.awesome:visited		{ background-color: #6cd200;}
.green2.awesome:hover						{ background-color: #78E008; }
.red2.awesome, .red2.awesome:visited			{ background-color: #F63E0B; }
.red2.awesome:hover							{ background-color: #FB4E1E; }

.main-content div#categs-left {width:280px;height:500px;overflow:auto;overflow-x:hidden;-ms-overflow-x: hidden;}
.main-content div#categs-right {width:280px;height:500px;overflow:auto;overflow-x:hidden;-ms-overflow-x: hidden;}
/*#in-table td.amount {color:#60CC00;font-weight:bold;background:url(../img/drag_handle.gif) no-repeat 0 center;padding-left:10px; width:55px !important;}*/
#categs-left div {cursor:pointer;background:url(../img/drag_handle.gif) no-repeat 0 center;padding-left:20px;}
.main-content .category-merger h5 { padding: 0 5px 5px 5px; margin: 0; margin-bottom: 10px;border-bottom:4px solid #ddd;text-align:left;font-size:17px; vertical-align:top;}
.main-content .category-merger .account-cell { border-bottom: 1px solid #ddd; padding:0 5px; height:36px; font-weight: bold; line-height: 36px; color: #0a8de9;}


.ui-state-disabled {opacity: 0.55;}
#categs-right .ui-state-hover {/*border-top:1px solid #6CD200;*/border-style:soldi; border-color:#ccc; border-width:0 0 1px 0; background:#FFEE32;}
#categs-right .ui-state-active {/*border:1px solid #6CD200;*/background:#F5F6CE !important; font-weight: bold !important;}

.old-categs{background:url(../img/category-merge_arr.png) no-repeat right 30px; padding-right:130px;}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../img/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
	border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 10px;
	height: 10px;
	background: transparent url('../img/fancybox/fancybox-close.png') no-repeat 0 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}
#fancybox-close:hover { background-position:0 -11px; }

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../img/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../img/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../img/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../img/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../img/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../img/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../img/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../img/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }



/* jquery ui overwrites */
.ui-state-active { background:#FFFFD7 !important;border:none; color:#333;font-weight:normal !important;}
.ui-state-active a { color:#777 !important;font-weight:normal !important;}
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;z-index:999;}
.ui-autocomplete .ui-state-hover { background:#D5E2FF;border:#D5E2FF;color:#333;}
.ui-autocomplete .ui-state-hover a { padding:0.3em 0.5em !important;}


/* 1st time setup wizard */
#first-time-wrapper { display:none;}
#first-time-container .slide { display:none;}

.wizard-popup .slide .slide-head { background:#DBE7F7;padding:20px;border-bottom: solid 1px #d9d9d9;}
.wizard-popup .slide .slide-content { padding:20px;overflow:auto;height:320px;}
.wizard-popup .slide .slide-nav { padding:20px;background:#EFF2F9;position:absolute;bottom:0;width:710px;height:40px;text-align:center;border-top: solid 1px #d9d9d9;}
.wizard-popup .slide table th {text-align:left;font-size:12px;color:#888;font-weight:normal;}
.wizard-popup .slide table a, .wizard-popup .slide .more a { font-size:12px;font-weight:bold;text-decoration:none;}
.wizard-popup .slide table a:hover, .wizard-popup .slide .more a:hover { text-decoration:underline;}
.wizard-popup h2{color:#333; font-size:26px; text-shadow:0 1px 0 #fff;margin:5px 0 0 0;}
.wizard-popup h2 span { background:#3E92E7;color:#fff;padding:7px 8px 5px 7px;font-weight:normal !important;font-size:22px;text-shadow:none;}
.wizard-popup .slide {color:#444; font-size:13px; font-weight:normal;}
.wizard-popup ul{list-style:none; padding:0; margin:0;}
.wizard-popup ul li{margin:8px 0;}
.wizard-popup p {margin:0 0 5px 0;line-height:1.5em}
.wizard-popup p.q { font-weight:bold;}
.wizard-popup .tip { font-size:12px;color:#888;margin-top:-2px;}
.wizard-popup input[type="text"]{padding:5px;font-size:14px;}
.wizard-popup label{cursor:pointer;}
.wizard-popup #slide-1 .slide-content p { font-size:13px;text-align:left;padding-top:5px;}



.qtip-content { line-height:1.2em;}

.btn-apps {
	text-align: right; text-decoration: none; font-size: 13px; font-weight: 700; line-height: 44px;
	display: inline-block;
	padding-right: 10px;
	height: 43px;
}
.btn-iphone {  
	color: #0a8de9; 
	width: 196px;
	margin-right: 20px;
	background: url(../img/btn-iphone.png) no-repeat 0 0;
	
}
.btn-iphone:hover { 
	background-position: 0 bottom; 
	color: #249ff5;
}
.btn-android {
	color: #799d25;
	width: 188px; 
	background: url(../img/btn-android.png) no-repeat 0 0;
}
.btn-android:hover {
	background-position: 0 bottom;
	color: #90b538;
}



/* Dropdown control */
/*
.selectBox-dropdown {
	width: 210px;
	height:38px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 38px;
	text-decoration: none;
	color: #555;
	outline: none;
	vertical-align: middle;
	background: #F2F2F2;
	background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .75);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0 24px 0 5px;
	display: inline-block;
	cursor: default;
	font-size:16px;
}
*/
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #7EBCEE;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	font-weight:bold;
}

.selectBox-dropdown .selectBox-arrow {
	height:22px; width:26px; top:5px;
	position: absolute;
	right: 0;
	background: url(../img/jquery.selectBox-arrow.gif) 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 300px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}

/* Inline control */
.selectBox-inline {
	width: 210px;
	outline: none;
	border: solid 1px #BBB;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #7EBCEE !important;
}

.selectBox-dropdown:hover{border-color:#aeaeae;}
.selectBox-dropdown.selectBox-menuShowing, .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow{border-color:#a5a5a5 #a5a5a5 #a4a4a4 #a5a5a5;}
/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
	text-decoration:none;
	font-size:13px;
}

.selectBox-options LI A {
	line-height: 1.5em;
	padding: 5px .3em 5px 22px;
	/*white-space: nowrap;*/
	/*overflow: hidden;*/
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #C8DEF4;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #C8DEF4;
}

.selectBox-options LI.selectBox-hover.add-category-expenses A {
	background-color: #eee;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
}

.selectBox-options LI.selectBox-hover.add-category-income A {
	background-color: #eee;
	font-style:normal;
	font-weight:bold;
	cursor:pointer;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	/*background-image: url(../img/jquery.selectBox-tick.gif);*/
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #fff;
	font-weight: bold;
	line-height: 1.5;
	padding: 10px;
	white-space: nowrap;
}

/* Disabled */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}


/* settings button + dropdown in header */
.settingsCell {position:relative;}

.settingsBtn {display:block; float:left; width: 40px; height: 26px; background: url(../img/settings-btn.png) no-repeat 0 -7px; text-indent:-9999px; margin:0 !important; padding:0 !important; outline:none}
.activeSettings { background: url(../img/settings-btn.png) no-repeat -87px -7px; }
.settingsBtn:hover { background: url(../img/settings-btn.png) no-repeat -43px -7px; }
.activeSettings:hover { background: url(../img/settings-btn.png) no-repeat -87px -7px !important; }



.optionsList {  float:left; position:absolute; top:21px; padding: 4px 0 0 0 !important; width:126px; border:solid 1px #212a38; border-top:0; left:0px; z-index:9999; margin:0 !important; display:none; background:#fff; box-shadow:0 4px 3px rgba(0, 0, 0, 0.2)}
.optionsList li {  float:left; clear:left; width:126px; margin:0 !important}
.optionsList li a{ color: #0a8de9 !important; float:left; clear:left; width:106px; text-shadow: none !important; font-size:12px;}
.optionsList li a:hover{ text-decoration:underline !important;}
.optionsList li.signout { border-top:1px solid #ccc;padding:5px 0;}


#trigger-add-income { width: 92px; height: 34px; text-indent:-9999px; display:block; background: url(../img/action-buttons.png) no-repeat 0 0; margin:0 8px 0 0; float:left;}
#trigger-add-income:hover {background-position:0 -34px;}
#trigger-add-income:active, #trigger-add-income.active {background-position:0 -68px;}

#trigger-add-expense{ width: 92px; height: 34px; text-indent:-9999px; display:block; background: url(../img/action-buttons.png) no-repeat -92px 0; float:left;}
#trigger-add-expense:hover {background-position:-92px -34px;}
#trigger-add-expense:active, #trigger-add-expense.active {background-position:-92px -68px;}

#trigger-add-transfer{ width: 92px; height: 34px; text-indent:-9999px; display:block; background: url(../img/action-buttons.png) no-repeat -184px 0px; margin:0 0 0 8px; float:left;}
#trigger-add-transfer:hover {background-position:-184px -34px;}
#trigger-add-transfer:active, #trigger-add-transfer.active {background-position:-184px -68px;}

.watermark_container { position:relative; }
.watermark {padding-top:3px !important; font-size:13px !important; font-style:italic;  height:30px !important; line-height:28px !important;}

.labels .watermark{right:13px !important; left:auto !important;}

#fields-container { position:relative; }

.incomeLabel { position:absolute; display: block; width:7px; height:40px; background: #6CD200 url(../img/income-label.png) no-repeat 0 0; text-indent:-9999px; left:20px; display:none;}
.expenseLabel { position:absolute; display: block; width:7px; height:40px; background: #F63E0B url(../img/expense-label.png) no-repeat 0 0; text-indent:-9999px; left:20px;}

/* START budgets */

.budget-add-link { margin-top:13px; }

.date-range {
	background:#fff;
	border-bottom:solid 1px #e1e1e1;
	height:36px; line-height:36px;
	margin-bottom:20px;
	position:relative; z-index:999;
	box-shadow:0 1px 0 #f7f7f7;
		-moz-box-shadow:0 1px 0 #f7f7f7;
		-webkit-box-shadow:0 1px 0 #f7f7f7;
}
	.date-range strong { color:#46729e; font-size:13px; display:block; margin:0 100px; text-align:center; }
	.date-range a {
		height:36px; line-height:36px;
		color:#888; font-size:12px; font-weight:700; text-decoration:none;
		padding:0 10px;
	}
	.date-range a:hover { background:#f4f4f4; }
		.date-range a span {
			background:url(../img/budgets-select-month.png) no-repeat;
		}
		.date-range a.prev {
			border-right:solid 1px #e5e5e5;
			float:left;
		}
			.date-range a.prev span {
				padding-left:15px;
				background-position:0 2px;
			}
		.date-range a.next {
			border-left:solid 1px #e5e5e5;
			float:right;
		}
			.date-range a.next span {
				padding-right:15px;
				background-position:right -10px;
			}
.budgets-graph { padding:5px 20px 0; margin:30px 0; }
	.budgets-graph .row { 
		padding:11px;
		margin-bottom:3px;
		height:28px;
	}	
		.budgets-graph .row a.s-4 { margin-top:5px; }
		.budgets-graph .row:hover,
		.budgets-graph .row.active {
			padding:10px;
			height:28px;
			background:#f7fbfe; cursor:pointer;
			position:relative;
			border:solid 1px #daeefc;
			border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
		}
			.budgets-graph .row.active .text-input {
				height:16px; width:55px;
				line-height:16px;
			}
			.budgets-graph .row span.action {display:none; }
			/*.budgets-graph .row:hover span.action {display:block; }*/
			.budgets-graph .row .action {
				background:#f7fbfe;
				border-style:solid; border-color:#daeefc; border-width:1px 1px 0;
				color:#888; font-size:10px; text-decoration:none;
				height:18px; line-height:18px;
				position:absolute; right:-1px; top:-19px;
				padding:0 7px;
				border-radius:4px 4px 0 0;
					-moz-border-radius:4px 4px 0 0;
					-webkit-border-radius:4px 4px 0 0;
			}
				.budgets-graph .cancel span { border-bottom:solid 1px #888; }
				.budgets-graph .cancel strong { 
					color:#acafb1;
					color:rgba(0,0,0,0.3);
					font-size:16px; line-height:20px;
					vertical-align:middle;
				}
					.budgets-graph .cancel:hover strong {
						color:#bcc4c9;
						color:rgba(0,0,0,0.2);
					}
		.budgets-graph .row strong.category { 
			color:#46729e; font-size:12px; text-align:right;
			display:block;
			margin:0 10px 0 0;
			line-height:28px;
			width:140px;
		}
		.budgets-graph .row strong.to-right {
			line-height:14px;
			text-align:right;
		}
		.budgets-graph .row strong.to-right span{
			color: #BBB;
			font-size:8px;
		}

		.budgets-graph .row .bar-track {  
			background: #f7f7f7; /* Old browsers */
				background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */
				background: linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
			border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
			box-shadow:inset 0 1px 0 #f5f5f5;
				-moz-box-shadow:inset 0 1px 0 #f5f5f5;
				-webkit-box-shadow:inset 0 1px 0 #f5f5f5;
			height:26px;line-height:26px;
			border:solid 1px #d9d9d9;
			position:relative;
			margin:0 100px 0 150px;
		}
			.budgets-graph .row .bar {  
				border-radius:4px;
					-moz-border-radius:4px;
					-webkit-border-radius:4px;
				box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
					-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
					-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);
				position:absolute; left:-1px; top:-1px;
				height:26px; line-height:28px;
				color:#fff;
			} 
			.budgets-graph .row .bar-1 {  
				background: #bbdd00; /* Old browsers */
					background: -moz-linear-gradient(top, #bbdd00 0%, #74ba00 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbdd00), color-stop(100%,#74ba00)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #bbdd00 0%,#74ba00 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #bbdd00 0%,#74ba00 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #bbdd00 0%,#74ba00 100%); /* IE10+ */
					background: linear-gradient(top, #bbdd00 0%,#74ba00 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbdd00', endColorstr='#74ba00',GradientType=0 ); /* IE6-9 */
					border-color:#9fbc00 #9fbc00 #74ba00 #9fbc00;
			} 
			.budgets-graph .row .bar-2 {  
				background: #75cef7; /* Old browsers */
					background: -moz-linear-gradient(top, #75cef7 0%, #3a9aef 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75cef7), color-stop(100%,#3a9aef)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #75cef7 0%,#3a9aef 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #75cef7 0%,#3a9aef 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #75cef7 0%,#3a9aef 100%); /* IE10+ */
					background: linear-gradient(top, #75cef7 0%,#3a9aef 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75cef7', endColorstr='#3a9aef',GradientType=0 ); /* IE6-9 */
					border-color:#64afd2 #64afd2 #3a9aef #64afd2;
			} 
			.budgets-graph .row .bar-3 {  
				background: #f17171; /* Old browsers */
					background: -moz-linear-gradient(top, #f17171 0%, #e33838 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f17171), color-stop(100%,#e33838)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #f17171 0%,#e33838 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #f17171 0%,#e33838 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #f17171 0%,#e33838 100%); /* IE10+ */
					background: linear-gradient(top, #f17171 0%,#e33838 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17171', endColorstr='#e33838',GradientType=0 ); /* IE6-9 */
					border-color:#cd6060 #db4242 #e33838 #db4242;
			} 
			.budgets-graph .row .bar-4 {  
				background: #fba24d; /* Old browsers */
					background: -moz-linear-gradient(top, #fba24d 0%, #f75026 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fba24d), color-stop(100%,#f75026)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #fba24d 0%,#f75026 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #fba24d 0%,#f75026 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top, #fba24d 0%,#f75026 100%); /* IE10+ */
					background: linear-gradient(top, #fba24d 0%,#f75026 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fba24d', endColorstr='#f75026',GradientType=0 ); /* IE6-9 */
					border-color:#d68a42 #eb602e #f75026 #eb602e;
			} 
				.budgets-graph .bar strong { 
					font-size:13px;
					position:absolute; right:10px; top:0;
				}  
					.budgets-graph .bar-track strong small { font-size:11px; font-weight:normal; font-style:italic; }
					
					span.spend {
						padding-right:25px; margin-left:10px;
						font-size:11px; color:#7b7d7f; font-weight:700;
						position:relative;
					}
						span.spend:after {
							content:"";
							background:url(../img/spend-arr.png) no-repeat 0 0;
							position:absolute; left:210px; top:5px;
							display:block;
							width:20px; height:21px;
						}
						
			.budgets-graph .add-budget-form { height:auto !important; }
			.budgets-graph .add-budget-form .bar-track { margin:0 0 10px; }
			.budgets-graph .add-budget-form.active .text-input {
				height:24px;  width:100px;
				line-height: 24px;
			}
			.budgets-graph .add-budget-form.active button.s-1 {
				font-size:13px;
				padding:5px 10px 6px;
			}
			.savings-chart button.s-1 {
				font-size:12px;
				padding:4px 10px;
			}

#budgets-display {margin-bottom: 20px;}
.savings-chart {position:relative;}
		.savings-chart td {height:30px;}
		.savings-chart td.chart-bar{width:300px;}
		.savings-chart td, .savings-chart th{border-bottom:dashed 1px #ccc; vertical-align:middle; padding:2px 5px; font-weight: bold;}
		.savings-chart td#category{color:#0a8de9; width: 160px; white-space: nowrap; padding-right: 15px;}
		.savings-chart td#budget{width: 60px;}
		.savings-chart td#last{white-space:nowrap;}
			.savings-chart .bar{background:#eee; border:solid 1px #ccc; position:relative; height:18px; width:100%;}
				.savings-chart .bar span{position:absolute; top:-1px; left:-1px; height:18px; line-height:18px; border:solid 1px;}
				.savings-chart span.bar-1{
					background: #F3A1A2; /* Old browsers */
					background: -moz-linear-gradient(top, #F3A1A2 0%, #F15355 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3A1A2), color-stop(100%,#F15355)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #F3A1A2 0%,#F15355 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #F3A1A2 0%,#F15355 100%); /* Opera11.10+ */
					background: -ms-linear-gradient(top, #F3A1A2 0%,#F15355 100%); /* IE10+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3A1A2', endColorstr='#F15355',GradientType=0 ); /* IE6-9 */
					background: linear-gradient(top, #F3A1A2 0%,#F15355 100%); /* W3C */
					width:30%; 
					border-color:#e63d3d;
				}
				.savings-chart span.bar-2{
					background: #F5E0A1; /* Old browsers */
					background: -moz-linear-gradient(top, #F5E0A1 0%, #EDC75D 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5E0A1), color-stop(100%,#EDC75D)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #F5E0A1 0%,#EDC75D 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #F5E0A1 0%,#EDC75D 100%); /* Opera11.10+ */
					background: -ms-linear-gradient(top, #F5E0A1 0%,#EDC75D 100%); /* IE10+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5E0A1', endColorstr='#EDC75D',GradientType=0 ); /* IE6-9 */
					background: linear-gradient(top, #F5E0A1 0%,#EDC75D 100%); /* W3C */
					width:60%; 
					border-color:#eec85e;
				}
				.savings-chart span.bar-3{
					background: #C0E9C0; /* Old browsers */
					background: -moz-linear-gradient(top, #C0E9C0 0%, #5AC95A 100%); /* FF3.6+ */
					background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C0E9C0), color-stop(100%,#5AC95A)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top, #C0E9C0 0%,#5AC95A 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top, #C0E9C0 0%,#5AC95A 100%); /* Opera11.10+ */
					background: -ms-linear-gradient(top, #C0E9C0 0%,#5AC95A 100%); /* IE10+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C0E9C0', endColorstr='#5AC95A',GradientType=0 ); /* IE6-9 */
					background: linear-gradient(top, #C0E9C0 0%,#5AC95A 100%); /* W3C */
					width:23%; 
					border-color:#2fb22f;
				}
					.savings-chart .bar-track strong{ position:absolute; left:10px; font-size:11px; color:#fff; }
					.savings-chart .bar-track strong.small{ color:#333; }
					
				.savings-chart .cursor{background:url(../img/chart-cursor_bg.png) no-repeat 0 top; display:block; text-align:center; line-height:18px; font-size:9px; width:40px; height:120px; left:140px; bottom:-20px; position:absolute;}
					.cursor-pointer{position:absolute; top:1px; left:0; width:39px; text-align:center; color:#293141;}

select.edit-budget { width: 158px;}
input.edit-budget { width: 55px;}

.add-box{height:70px; padding:2px;}
.add-box input{font-size:14px;}

/* END budgets */

/* == Clear fix == */

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after{
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after{clear: both;}
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix{zoom: 1;}


.to-left{float:left;}
.to-right{float:right;}
.relative{position:relative;}
.vmiddle{vertical-align:middle;}
.center{text-align:center;}

/* mobile web styles */
#mobile #wrapper {  }
#mobile #wrapper h2 { font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,Helvetica,sans-serif;font-size:25px;font-weight:300;text-shadow:0 1px 1px #FFFFFF; }

.add-category-expenses{ background-color: #eee;font-style:normal;font-weight:bold;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}
.add-category-income{ background-color: #eee;font-style:normal;font-weight:bold;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}


#range-select {position: relative; visibility:hidden; top:5px; left:-96px; width: 1px;}
#range-select-category {position: relative; visibility:hidden; top:5px; left:-96px; width: 1px;}

/* styles for jquery ui daterangepicker plugin */

.ui-daterangepickercontain {
	position: absolute;
	z-index: 999;
	font-size:11px;
}
.ui-daterangepickercontain .ui-daterangepicker {
	float: left;
	padding: 5px !important;
	width: auto;
	display: inline;
	background-image: none !important;
	clear: left;
}
.ui-daterangepicker ul, .ui-daterangepicker .ranges, .ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	float: left;
	padding: 0;
	margin: 0;
}
.ui-daterangepicker .ranges {
	width: auto;
	position: relative;
	padding: 5px 5px 40px 0;
	/*margin-left: 10px;*/
}
.ui-daterangepicker .range-start, .ui-daterangepicker .range-end {
	margin-left: 5px;
}
.ui-daterangepicker button.btnDone {
	margin: 0 5px 5px 0;
	position: absolute;
	bottom: 0;
	right: 0;
	clear: both;
	cursor: pointer;
	padding:0 5px 2px !important;
	font-size: 1.1em;
	height:32px;
	line-height:1;
	box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
}
.ui-daterangepicker ul {
	width: 17.6em;
	background: none;
	border: 0;
}
.ui-daterangepicker li {
	list-style: none;
	padding: 1px;
	cursor: pointer;
	margin: 1px 0;
}
.ui-daterangepicker li.ui-state-hover, .ui-daterangepicker li.ui-state-active {
	padding: 0;
}
.ui-daterangepicker li.preset_0 {
	margin-top: 1.5em !important;
}
.ui-daterangepicker .ui-widget-content a {
	text-decoration: none !important;
}
.ui-daterangepicker li a {
	font-weight: normal;
	margin: .3em .5em;
	display: block;
}
.ui-daterangepicker li span {
	float: right;
	margin: .3em .2em;
}
.ui-daterangepicker .title-start, .ui-daterangepicker .title-end {
	display: block;
	margin: 0 0 .2em;
	font-size: 1em;
	padding: 0 4px 2px;
}
.header-header {
	margin-left: 10px;
	padding-bottom:10px;
	font-weight: normal;
	display: none;
	font-size:14px;
	color:#777 !important;
}
.ui-daterangepicker .ui-datepicker-inline {
	font-size: 1em;
}
.ui-daterangepicker-arrows {
	padding: 2px;
	width: 204px;
	position: relative;
}
.ui-daterangepicker-arrows input.ui-rangepicker-input {
	width: 158px;
	margin: 0 2px 0 20px;
	padding: 2px;
	height: 1.1em;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev, .ui-daterangepicker-arrows .ui-daterangepicker-next {
	position: absolute;
	top: 2px; 
	padding: 1px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev {
	left: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-next {
	right: 2px;
}
.ui-daterangepicker-arrows .ui-daterangepicker-prev:hover, 
.ui-daterangepicker-arrows .ui-daterangepicker-next:hover,
.ui-daterangepicker-arrows .ui-daterangepicker-prev:focus, 
.ui-daterangepicker-arrows .ui-daterangepicker-next:focus {
	padding: 0;
}


/* Cashflow page */
.cashflow-wrapper #wrapper, .cashflow-wrapper #main-container, .cashflow-wrapper #container, .cashflow-wrapper #toptop #wrap{width:940px;} 
.cashflow-wrapper #main-container input#details{width:260px;}
.cashflow #transaction-date{height:28px !important; line-height:28px; padding:0 !important;}
.cashflow .triggers-wrap{padding:0 !important;}
.tabularData { border-collapse: separate; font-size: 12px; line-height: 12px; width:100%; table-layout:fixed;}
.tabularData tr td {border: solid 1px #d9d9d9; padding: 8px 5px; text-align:right; border-left:0; border-top:0}
.tabularData tbody tr td.editIT {background:#e5e5e5 url(../img/icon-edit_2.png) no-repeat 5px center; cursor:pointer; text-decoration:underline;}

.tabularData tbody tr th { text-align:left; border: solid 1px #d9d9d9; padding: 8px 5px; font-weight:normal; border-top:0;}
.tabularData thead tr th {
	background: rgb(242,245,249); /* Old browsers */
	background: linear-gradient(top, rgba(242,245,249,1) 0%,rgba(210,221,232,1) 100%);
	background: -moz-linear-gradient(top, rgba(242,245,249,1) 0%, rgba(210,221,232,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,249,1)), color-stop(100%,rgba(210,221,232,1)));
	background: -webkit-linear-gradient(top, rgba(242,245,249,1) 0%,rgba(210,221,232,1) 100%);
	background: -o-linear-gradient(top, rgba(242,245,249,1) 0%,rgba(210,221,232,1) 100%);
	background: -ms-linear-gradient(top, rgba(242,245,249,1) 0%,rgba(210,221,232,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f9', endColorstr='#d2dde8',GradientType=0 );
	color:#333; border-style: solid; border-width: 1px 1px 0 0; border-color: #ccc; padding: 11px 0px; text-align:center; font-size: 10px;  border-left:0; border-bottom:0 !important; text-transform:uppercase;
	}
.tabularData thead tr th.active { background: #e7f3ff; border-style: solid; border-width:1px 1px 0 0; border-color: #c5cfd9; color:#000;}


.tabularData thead tr td.dropdownCell {border: 0; border-bottom: 1px solid #fff; background:none; padding:5px 0 5px 0; width:125px}
.tabularData thead tr th.firstMonth {border-left: solid 1px #d9d9d9; border-radius: 5px 0px 0 0;}
.tabularData thead tr th.lastMonth {border-radius: 0px 5px 0 0; }
.tabularData tbody tr .rndBottomLeft {border-radius: 0px 0px 0 5px; }
.tabularData tbody tr .rndBottomRight {border-radius: 0px 0px 5px 0px; }

.tabularData tr.onHand {  text-align:center; font-size: 13px;  color:#fff; font-weight:bold}
.tabularData tr.onHand td {text-decoration:none; cursor:default; border-style:solid; border-color:#778297; border-width:0 1px 0 0; /*border:#7b8390 solid 1px; border-top:  solid 1px #445065;*/ background: #334058 url(../img/on-hand-td-bg.png) repeat-x 0 0; border-left:0 !important; padding-top:8px; padding-bottom:8px; font-size:12px;}
.tabularData tr.onHand td:last-child{border-right:0;}
.tabularData tr.onHand th {color:#fff; font-size:12px; font-weight:bold; background: #334058 url(../img/on-hand-td-bg.png) repeat-x 0 0; border-radius: 5px 0 0 0; border-style:solid; border-color:#808893; border-width:0 1px 0 0 !important; padding-top:8px; padding-bottom:8px; text-transform:none;}
.tabularData tr.incomeTotal, .tabularData tr.expensesTotal { background:#B6B6B6; font-weight:bold;}
.tabularData tr.expensesTotal th, .tabularData tr.incomeTotal th {font-weight:bold}
.tabularData tr.incomeTotal th, .tabularData tr.incomeTotal td {border-style:solid; border-width:0 1px 1px 0; border-color:#b7babe;}

.tabularData tr.expensesTotal td, .tabularData tr.expensesTotal th {border-style:solid; border-width:1px 1px 1px 0; border-color:#b7babe;}
.tabularData tr.expensesTotal th, .tabularData tr.incomeTotal th {border-left:solid 1px #b7babe !important;}

.tabularData tr.shared-tag, .tabularData tr.shared-tag th {background: #E8E8E8; font-weight: bold;}

.tabularData tr td.active {background:#e7f3ff; border-color:#c5cfd9; }
.tabularData tr.table-footer td{border:none !important;}

.cashflowView { width: 118px; font-size: 12px; height: 26px; line-height:26px; text-align:left; float:left; padding-left:10px}
		
#period-holder {display:inline-block; font-size:14px; color:#666;position:relative;}
#period-holder span a {text-decoration:none;background:url(../img/down_arrow.gif) no-repeat right 11px; padding:5px 20px 5px 10px;font-size:20px;font-weight:bold; display:inline-block; border-style:solid; border-width:1px 1px 0; border-color:transparent; line-height:1.2}
#period-holder span a.active{background:#fff url(../img/up_arrow.gif) no-repeat right 11px; border-style:solid; border-width:1px 1px 0; border-color:#ccc; position:relative; z-index:999; box-shadow:0 -3px 3px rgba(0, 0, 0, 0.2);}
/*0 0 10px 5px black, 40px -30px lime, 40px 30px 50px red, -40px 30px yellow, -40px -30px 50px blue*/

#main-container .cashflow #transaction-date { margin:0 0 0 20px; font-size:14px; height:20px; color:#444; padding: 5px 0 0 0;}
#main-container .cashflow #transaction-date span { font-weight:bold; }
#main-container .cashflow #transaction-date a { color:#0a8de9 !important;text-decoration:none;}
#main-container .cashflow #transaction-date a:hover {color:#3D97E6 !important;}
#main-container .cashflow #transaction-date a#transaction-date-trigger-cashflow {background:url(../img/down_arrow.gif) no-repeat right center; padding:0 15px 0 0;}

.ui-priority-secondary {font-size:12px !important; margin-top: 11px !important;}


.tabularData thead tr th:nth-child(2){border-radius:5px 0 0 0; border:solid 1px #ccc;}
.tabularData thead tr th:last-child{border-radius:0 5px 0 0;}
.tabularData .tbody-2 tr:last-child th:first-child{border-radius:0 0 0 5px;}
.tabularData .tbody-2 tr:last-child td:last-child{border-radius:0 0 5px 0;}



.cashflow h1{margin-bottom:20px;}
	.cashflow-modal {padding:5px 0 15px 5px;}
		.cashflow-modal h1{font-size:26px; color:#000; margin:10px 0 15px;}
		.cashflow-modal .add-income{margin-top:15px;}
		.cashflow-modal h3{padding:5px 10px; background-color:#ddd; margin:0 0 10px 0; width:760px;}
		.cashflow-modal h6{font-size:10px; color:#b2b2b2; text-transform:uppercase; margin:0;}
			.cashflow-modal h2 span{background:url(../img/icon-edit_2.png) no-repeat 0 center; padding-left:25px;}
		
	.cashflow-modal .modal-content{margin:5px;}
	
	.cashflow-modal #content .transactions table{
		border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
		border:solid 1px #e5e5e5; width:780px; margin-bottom:20px;
		}
		.cashflow-modal #content .edit-transaction-wrap div.row-wrap .edit-description { width:304px; }
		.cashflow-modal #content .transactions table td { border-bottom:solid 1px #f2f2f2; }
		.cashflow-modal #content .transactions table td.date { width:70px; }
		.cashflow-modal #content .transactions table td.rec { width:50px; }
		.cashflow-modal #content .transactions table td.pair { width:50px; }
	.cashflow-modal .scroll-pane{overflow:hidden; }
	.cashflow-modal .edit-transaction-wrap div.row-wrap {  }

.bigModal{ height: 400px !important; }

/* end Cashflow */


/* Delete Acc page */
.delete-acc-page h2 { 
	border-top: solid 1px #e5e5e5;
	color: #cc2626;
	padding: 20px 0 10px;
}
.delete-acc-page label.block { 
	display: block;
	margin-bottom: 5px;
}
.delete-acc-page textarea { width: 350px; height: 125px; }
.delete-acc-page ul.options {
	margin: 20px 0 70px; padding: 0;
	list-style: none;
}
	.delete-acc-page ul.options li { padding: 5px 0; }
/* end Delete Acc page */




/**
 *	Buttons
 *	Usage:<a href="#" class="button [style-class] [size-class] [extra-class]">Button</a>
 *	[style-class] = s-1, s-2, s-3, ....
 *	[size-class] = small, medium, large, x-large, x-small ....
 *	[extra-class] = if needed for some buttons, eg:add-action-btn, etc
 */
 
/* Default size and style */
a.button, button, input.button {
	display:block;
	background:#f1f1f1;
	color:#333;
	cursor:pointer;
	transition:all 0.218s;
		-webkit-transition:all 0.218s;
		-moz-transition:all 0.218s;
		-o-transition:all 0.218s;
	display:inline-block;
	border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	box-shadow:inset 0px 1px 0 #fff;
		-moz-box-shadow:inset 0px 1px 0 #fff;
		-webkit-box-shadow:inset 0px 1px 0 #fff;
	background:#f9f9f9; /* Old browsers */
	background:linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); /* W3C */
	background:-moz-linear-gradient(top, #f9f9f9 0%, #e3e3e3 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); /* IE10+ */
	filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
	border:1px solid #bbb; color:#333; cursor:pointer; display:inline-block; font-size:14px; font-weight:700; text-decoration:none; padding:8px 15px 7px;
	line-height:normal;
	}
	
a.button:hover, button:hover, input.button:hover { 
	background:#f2f2f2; /* Old browsers */
	background:linear-gradient(top, #f2f2f2 0%,#e8e6e6 100%); /* W3C */
	background:-moz-linear-gradient(top, #f2f2f2 0%, #e8e6e6 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e8e6e6)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #f2f2f2 0%,#e8e6e6 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #f2f2f2 0%,#e8e6e6 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #f2f2f2 0%,#e8e6e6 100%); /* IE10+ */
	filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e8e6e6',GradientType=0 ); /* IE6-9 */
	border-color:#999; 
}
a.button:active, button:active, input.button:active {
	background:#e3e3e3; /* Old browsers */
	background:linear-gradient(top, #e3e3e3 0%,#f9f9f9 100%); /* W3C */
	background:-moz-linear-gradient(top, #e3e3e3 0%, #f9f9f9 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3e3e3), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #e3e3e3 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #e3e3e3 0%,#f9f9f9 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #e3e3e3 0%,#f9f9f9 100%); /* IE10+ */
	filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0px 1px 0 rgba(255,255,255,.7);
		-moz-box-shadow:inset 0px 1px 0 rgba(255,255,255,.7);
		-webkit-box-shadow:inset 0px 1px 0 rgba(255,255,255,.7);
	}


/* Small size buttons */
a.button.small, button.small, button.button.small, input.button.small { 
	font-size:11px; padding:2px 8px 3px; 
	}
/* Medium size buttons */
a.button.medium, button.medium, button.button.medium, input.button.medium { 
	font-size:12px; padding:2px 8px 3px;
	}
/* Large size buttons */
a.button.large, button.large, button.button.large, input.button.large { 
	font-size:16px; line-height:38px !important; 
	height:38px;  padding:0 12px; 
	}
button.large { height: auto !important; }
/* Large size button finish */
button.large.finish { 
	line-height:16px; 
}

/* Extra large size buttons */
a.button.xlarge, button.xlarge, button.button.xlarge, input.button.xlarge { 
	font-size:22px; line-height:60px; 
	height:60px;  padding:0 16px; 
	}

/* blue buttons */
a.button.s-1, button.s-1, input.button.s-1 {
	background:#50baf7; /* Old browsers */
	background:-moz-linear-gradient(top, #50baf7 0%, #2875ef 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#50baf7), color-stop(100%,#2875ef)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #50baf7 0%,#2875ef 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #50baf7 0%,#2875ef 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #50baf7 0%,#2875ef 100%); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#50baf7', endColorstr='#2875ef',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #50baf7 0%,#2875ef 100%); /* W3C */
	box-shadow:inset 0 1px 0 #64cbf9;
		-moz-box-shadow:inset 0 1px 0 #64cbf9;
		-webkit-box-shadow:inset 0 1px 0 #64cbf9;
	border:solid 1px #246dee;
	color:#fff; text-shadow:0 -1px 0 #115cec;
	line-height:16px;
	}
a.button.s-1:hover, button.s-1:hover, input.button.s-1:hover {
	background-color:#62c1f8;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#62c1f8),to(#1e63ed));
	background-image:-webkit-linear-gradient(top, #62c1f8, #1e63ed);
	background-image:-moz-linear-gradient(top, #62c1f8, #1e63ed);
	background-image:-ms-linear-gradient(top, #62c1f8, #1e63ed);
	background-image:-o-linear-gradient(top, #62c1f8, #1e63ed);
	background-image:linear-gradient(top, #62c1f8, #1e63ed);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#62c1f8', endColorstr='#1e63ed',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 1px 0 #7bd1fa;
		-moz-box-shadow:inset 0 1px 0 #7bd1fa;
		-webkit-box-shadow:inset 0 1px 0 #7bd1fa;
	border-color:#1e63ed; text-shadow:0 -1px 0 #156cee;
	}
a.button.s-1:active, button.s-1:active, input.button.s-1:active,
a.button.s-1:focus, button.s-1:focus, input.button.s-1:focus {
	background-color:#3388f1;
	background-image:-webkit-gradient(linear,left top,left bottom,from(#3388f1),to(#44a5f5));
	background-image:-webkit-linear-gradient(top, #3388f1, #44a5f5);
	background-image:-moz-linear-gradient(top, #3388f1, #44a5f5);
	background-image:-ms-linear-gradient(top, #3388f1, #44a5f5);
	background-image:-o-linear-gradient(top, #3388f1, #44a5f5);
	background-image:linear-gradient(top, #3388f1, #44a5f5);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3388f1', endColorstr='#44a5f5',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 1px 0 #40a6f5;
		-moz-box-shadow:inset 0 1px 0 #40a6f5;
		-webkit-box-shadow:inset 0 1px 0 #40a6f5;
	border-color:#1859ec; text-shadow:0 -1px 0 #156cee;
	}

/* green button */
a.button.s-2, button.s-2, input.button.s-2 {
	background:#badc00; /* Old browsers */
		background:linear-gradient(top, #badc00 0%,#6db600 100%); /* W3C */
		background:-moz-linear-gradient(top, #badc00 0%, #6db600 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#badc00), color-stop(100%,#6db600)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #badc00 0%,#6db600 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #badc00 0%,#6db600 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #badc00 0%,#6db600 100%); /* IE10+ */
		filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#badc00', endColorstr='#6db600',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 1px 0 #cbe500;
		-moz-box-shadow:inset 0 1px 0 #cbe500;
		-webkit-box-shadow:inset 0 1px 0 #cbe500;
	border:solid 1px #6db600; color:#fff; text-shadow:0 -1px 0 #5caf00;
	}
a.button.s-2:hover, button.s-2:hover, input.button.s-2:hover {
	background:#c1e01a; /* Old browsers */
		background:linear-gradient(top, #c1e01a 0%,#83c11a 100%); /* W3C */
		background:-moz-linear-gradient(top, #c1e01a 0%, #83c11a 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1e01a), color-stop(100%,#83c11a)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #c1e01a 0%,#83c11a 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #c1e01a 0%,#83c11a 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #c1e01a 0%,#83c11a 100%); /* IE10+ */
		filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1e01a', endColorstr='#83c11a',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 1px 0 #d1e821;
		-moz-box-shadow:inset 0 1px 0 #d1e821;
		-webkit-box-shadow:inset 0 1px 0 #d1e821;
	border:solid 1px #63b100; color:#fff; text-shadow:0 -1px 0 #6cb707;
	}
a.button.s-2:active, button.s-2:active, input.button.s-2:active,
a.button.s-2:focus, button.s-2:focus, input.button.s-2:focus {
	background:#88c400; /* Old browsers */
		background:linear-gradient(top, #88c400 0%,#a5d200 100%); /* W3C */
		background:-moz-linear-gradient(top, #88c400 0%, #a5d200 100%); /* FF3.6+ */
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#88c400), color-stop(100%,#a5d200)); /* Chrome,Safari4+ */
		background:-webkit-linear-gradient(top, #88c400 0%,#a5d200 100%); /* Chrome10+,Safari5.1+ */
		background:-o-linear-gradient(top, #88c400 0%,#a5d200 100%); /* Opera11.10+ */
		background:-ms-linear-gradient(top, #88c400 0%,#a5d200 100%); /* IE10+ */
		filter:		progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c400', endColorstr='#a5d200',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0 1px 0 #a6d300;
		-moz-box-shadow:inset 0 1px 0 #a6d300;
		-webkit-box-shadow:inset 0 1px 0 #a6d300;
	border:solid 1px #59ac00; color:#fff; text-shadow:0 -1px 0 #40a100;
	}

/* orange button */
a.button.s-3, button.s-3, input.button.s-3 {
	background: #fbbf4c; /* Old browsers */
	background: -moz-linear-gradient(top, #fbbf4c 0%, #f77922 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbbf4c), color-stop(100%,#f77922)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbbf4c 0%,#f77922 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbbf4c 0%,#f77922 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fbbf4c 0%,#f77922 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbf4c', endColorstr='#f77922',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fbbf4c 0%,#f77922 100%); /* W3C */
	box-shadow:inset 0 1px 0 #ffcca9;
		-moz-box-shadow:inset 0 1px 0 #ffcca9;
		-webkit-box-shadow:inset 0 1px 0 #ffcca9;
	border-color:#f77922; color:#fff; text-shadow:0 -1px rgba(0,0,0,.2);
	}
a.button.s-3:hover, button.s-3:hover, input.button.s-3:hover {
	background: #f8b739; /* Old browsers */
	background: -moz-linear-gradient(top, #f8b739 0%, #f07119 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b739), color-stop(100%,#f07119)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8b739 0%,#f07119 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8b739 0%,#f07119 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f8b739 0%,#f07119 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b739', endColorstr='#f07119',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f8b739 0%,#f07119 100%); /* W3C */
	border-color:#f07119; color:#fff;
}

a.button.s-3:active, button.s-3:active, input.button.s-3:active,
a.button.s-3:focus, button.s-3:focus, input.button.s-3:focus {
	background: #fbbf4c; /* Old browsers */
	background: -moz-linear-gradient(top, #f77922 0%, #fbbf4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f77922), color-stop(100%,#fbbf4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f77922 0%,#fbbf4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f77922 0%,#fbbf4c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f77922 0%,#fbbf4c 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f77922', endColorstr='#fbbf4c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f77922 0%,#fbbf4c 100%); /* W3C */
	box-shadow:inset 0 1px 0 #fabb90;
		-moz-box-shadow:inset 0 1px 0 #fabb90;
		-webkit-box-shadow:inset 0 1px 0 #fabb90;
	border-color:#f77922; color:#fff;
}

/* red button */
a.button.s-4, button.s-4, input.button.s-4 {
	background: #ee1f1f; /* Old browsers */
	background: -moz-linear-gradient(top, #ff5353 0%, #ee1f1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5353), color-stop(100%,#ee1f1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ff5353 0%,#ee1f1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ff5353 0%,#ee1f1f 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ff5353 0%,#ee1f1f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5353', endColorstr='#ee1f1f',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ff5353 0%,#ee1f1f 100%); /* W3C */
	box-shadow:inset 0 1px 0 #f69797;
		-moz-box-shadow:inset 0 1px 0 #f69797;
		-webkit-box-shadow:inset 0 1px 0 #f69797;
	border-color:#fb3434; color:#fff; text-shadow:0 -1px rgba(0,0,0,.2);
	}
a.button.s-4:hover, button.s-4:hover, input.button.s-4:hover {
	background: #fd7373; /* Old browsers */
	background: -moz-linear-gradient(top, #fd7373 0%, #fb3a3a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd7373), color-stop(100%,#fb3a3a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fd7373 0%,#fb3a3a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fd7373 0%,#fb3a3a 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fd7373 0%,#fb3a3a 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7373', endColorstr='#fb3a3a',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fd7373 0%,#fb3a3a 100%); /* W3C */
}
a.button.s-4:active, button.s-4:active, input.button.s-4:active, 
a.button.s-4:focus, button.s-4:focus, input.button.s-4:focus {
	background: #ff5353; /* Old browsers */
	background: -moz-linear-gradient(top, #ee1f1f 0%, #ff5353 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee1f1f), color-stop(100%,#ff5353)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ee1f1f 0%,#ff5353 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ee1f1f 0%,#ff5353 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ee1f1f 0%,#ff5353 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee1f1f', endColorstr='#ff5353',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ee1f1f 0%,#ff5353 100%); /* W3C */
	box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
		-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
		-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
	border-color:#fb3434; color:#fff; text-shadow:0 -1px rgba(0,0,0,.2);
	}

.button-menu, a.button-menu {
	background:url(/images/down-arrow.png) no-repeat right 6px;
	padding-right:12px;
	}


.button.pill { 
	border-radius:			20px;
	-moz-border-radius:		20px;
	-webkit-border-radius:	20px;
	height:30px; line-height:30px;
	padding:0 17px;
	}
	
/* Extra */
.button.add-expense { margin-top:17px; }


.arr:after{content:""; background:url(../img/public/sprite.png) no-repeat; float:right; margin-right:-5px;}

.upgrade { font-size:13px !important; width:90px; }
.upgrade.arr:after {
	background-position:-482px -560px;
	width:19px; height:18px; 
	margin-top:6px;
	position:relative; right:-8px;
}


/**
 *	Settings pages
 */
.box-header {
	background: #fbfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfcfc 0%, #f3f4f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f3f4f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* IE10+ */
	background: linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfc', endColorstr='#f3f4f6',GradientType=0 ); /* IE6-9 */
	border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
	border-bottom:solid 1px #d9d9d9;
	padding:10px 20px;
}
	.box-header p { margin-bottom:5px; }
	.box-header h1 { margin-top:5px; font-size:24px; }
	.box-header h1.center { margin-bottom:5px; }
	.box-header ul.submenu {
		padding:0; margin:10px 0 0 -13px;
		list-style:none;
	}
		.box-header ul.submenu li {
			float:left; 
			padding-right:10px;
		}
			.box-header ul.submenu a {
				display:block;
				font-size:12px; line-height:20px; font-weight:bold; text-decoration:none;
				height:20px;
				padding:0 13px;
				border:solid 1px transparent;
				border-radius:20px;
					-moz-border-radius:20px;
					-webkit-border-radius:20px;
			}
			.box-header ul.submenu a.active,
			.box-header ul.submenu a:hover {
				background:#fff;
				color:#46729e;
				border-color:#b8b9ba #b8b9ba #b7b8b8;
				box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);
					-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);
					-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.15);
			}

	.card-details input[type="text"] { font-size: 16px; }
	.card-details label {
		display: block;
		margin-bottom: 5px;
	}
	.card-details .card-cvc { width: 60px; }
	.card-details .card-number { width: 170px; }
	.card-details div.actions { margin-top: 20px !important; }
	.card-details div.clearfix { margin-bottom: 15px; }

/**
 *	Subscription settings page
 */
.subscription-block {  
	border-bottom:solid 1px #e5e5e5;
	margin-bottom:20px; padding-bottom:20px;
}
.highlighted { 
	color: #8ec000; font-weight: 700; font-size: 28px; text-align: center; 
	margin: 10px 0 13px 65px;
	text-align: left;
}
.highlighted span {font-weight:100;}
.highlighted2 { 
	color: #111; font-weight: 100; font-size: 15px; text-align: center; 
	margin: 0 0 35px 133px;
	text-align: left;
}
.qs { margin: 0; padding:30px 0 10px 0;font-size:22px;}
.subscription-landing .faqs .inner {
		margin: 0 66px;
		text-align: left;
}
.subscription-landing .faqs { 
	border-top:1px solid #ddd; 
	margin-top: 35px;
}
.subscription-landing ul {list-style-type:none;text-align:left;margin:0 0 30px 30px;}
.subscription-landing ul li {background:url(../img/tick4.png) 0px 2px no-repeat;padding:0px 0 10px 25px;font-size:15px;margin-bottom:5px;font-weight:bold;}
.subscription-landing ul li a { color:#333;text-decoration:none;}

.subscription-landing .faqs p {margin:0 0 25px; line-height: 1.5;}
.subscription-landing .faqs h3 {margin-bottom:5px;}
.subscription-block.last { border:none; }
	.subscription-block h4 { font-size:13px; margin:0 0 5px; }
	.subscription-block p { margin:10px 0 5px; font-size:12px; color:#293141; }
	.subscription-block ul { list-style:none; margin:10px 0 0; padding:0; }
		.subscription-block ul li { padding:0 0 5px; font-size:12px; color:#293141; }
		p.current-plan { font-size:16px; color:#97cb00; font-weight:700; } 
		p.change-plan { color:#888; } 
		p.renew-plan { 
		color:#888; line-height:16px;
		padding:8px 10px;
		border:solid 1px;
		border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
		}
			p.renew-plan.off {
				background:#fee4d7;
				border-color:#fcc2a6;
			}
			p.renew-plan.on {
				background:#eaf5cc;
				border-color:#c6e273;
			}
		p.renew-plan .auto-renew {
			background:url(../img/renew-on-off.png) no-repeat;
			padding-right:46px;
			display:block;
			height:17px;
			cursor:pointer;
		}
			p.renew-plan .auto-renew.off {
				background-position:right -17px;
			}
			p.renew-plan .auto-renew.on {
				background-position:right 0;
			}

.subscription-content { 
	display: none; 
	vertical-align: middle;
	text-align: left;
}
	.subscription-content div.actions { margin-left: 152px; }
	.subscription-content .card-number2 { width: 194px !important; }
	.subscription-content table th {  
		font-weight: normal;
		width: 145px;
	}
	.subscription-content .stripe-loading {
		font-weight: 700; 
		margin-top: 20px;
		height: 36px; line-height: 36px;
		display: none;
	}
.subscription-landing {text-align: center;}
	.btn-box { 
		width: 160px; 
		display: inline-block; 
	}
		.btn-box strong { 
			font-size: 12px; color: #282828; 
			display: block;
			margin-bottom: 10px;
		}
		.btn-box span { 
			display: block;
			font-size: 12px; color: #b2b2b2; text-align: center; line-height: 30px;
			width: 30px; height: 30px; 
			background: #fff;
			position: absolute; top: 28px; left: 0;
		}
	.btn-box.middle { 
		width: 30px; height: 90px; position: relative;
		background: url(../img/subscription-separator-bg.png) repeat-y center 0;
		vertical-align: middle;
	}
	.btn-box.large {  
		height: 215px;
	}
	.btn-box.large span { top: 90px; }
 
/**
 *	Upgrade/downgrade plans page
 */
.plans { 
	color:#28354f; 
	width:100%;
	border-spacing:0;
	table-layout:fixed;
	margin-top:5px;
}
	.plans th,
	.plans td {
		/*border:solid 1px #e5e5e5;*/
		border-style:solid; border-color:#e5e5e5; border-width:1px 1px 0 0;
		padding:10px 13px;
		font-size:13px;
	}
	.plans th span {
		float:right;
		font-size:14px; font-weight:normal;
		margin-top:2px;
	}
	.plans td { text-align:center; }
	.plans td.category, 
	.plans th.category { border-left:solid 1px #e5e5e5; width:300px;}
	.plans td.category,
	.plans th { text-align:left; }
	.plans th,
	.plans tfoot td { 
		background: #f7f7f7;
	}
	.plans tfoot td.category { background:#fff; }
		.plans th strong { font-weight:700; font-size:16px; }
	.plans tfoot td {
		border-bottom:solid 1px #e5e5e5;
	}
	.plans td.highlight-plus { background-color:#f3f9fe; }
	.plans td.highlight-pro { background-color:#fafcf2; }
	.plans span.current-plan {
		color: #fff; font-size: 12px; font-weight: 700; text-align: center;
		background: #b9c9d8; 
		width: 115px; 
		padding: 7px 0;
		display: inline-block;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
	}
	a.downgrade-link {
		color: #fff; font-size: 12px; font-weight: 700; text-align: center; text-decoration: none; line-height: 1.3;
		background: #0a8de9;
		width: 115px; 
		padding: 7px 0;
		display: inline-block;
		border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		transition: background linear 0.2s, box-shadow linear 0.2s;
			-webkit-transition: background linear 0.2s, box-shadow linear 0.2s;
			-moz-transition: background linear 0.2s, box-shadow linear 0.2s;
			-ms-transition: background linear 0.2s, box-shadow linear 0.2s;
			-o-transition: background linear 0.2s, box-shadow linear 0.2s;
	}
		a.downgrade-link:hover { background: #3ba4ee; }
		a.downgrade-link:active {
			box-shadow: inset 0 1px 2px rgba(0,0,0,0.6);
				-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6);
				-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.6);
		}
	.plans span.refund-amount {  
		font-size: 13px; color: #28354f; 
		margin-top: 8px;
		display: block;
	}
	/* rounded corners CSS3 support */
	.plans th:first-child {
		border-radius:4px 0 0 0;
			-moz-border-radius:4px 0 0 0;
			-webkit-border-radius:4px 0 0 0;
	}
	.plans th:last-child {
		border-radius:0 4px 0 0;
			-moz-border-radius:0 4px 0 0;
			-webkit-border-radius:0 4px 0 0;
	}
	.plans tfoot td:first-child {
		border-radius:0 0 0 4px;
			-moz-border-radius:0 0 0 4px;
			-webkit-border-radius:0 0 0 4px;
	}
	.plans tfoot td:last-child {
		border-radius:0 0 4px 0;
			-moz-border-radius:0 0 4px 0;
			-webkit-border-radius:0 0 4px 0;
	}
 	
	.plans a.benefit_q { background:url(../img/question_icon.png) no-repeat 0 0; width:16px; height:16px; text-indent:-9999px; display:inline-block;}
	.plans a.benefit_q:hover { background-position:0 -17px;}

.card-number2 {width:150px !important;}
.card-cvc2 {width:40px !important;}


/**
 *	Demo/preview pages
 */
.preview { position:relative; }
	.preview img { vertical-align: middle; }
	a.badge {
		background:url(../img/demo-badge.png) no-repeat 0 0;
		width:123px; height:123px;
		display:block;
		text-indent:-9999px;
		position:absolute; right:0; top:0;
	}
	a.badge:hover { background-position:0 bottom; }

	.prev-action {
		background: url(../img/bg-preview-action.png) no-repeat center 0;
		text-align: center;
		padding: 25px 0;
		clear: both;
	}
		.prev-action .button {
			padding: 7px 25px 8px;
			font-size: 15px;
		}

/**
 *	Demo Account view
 */
.demo-acc {
	background: url(../img/demo-bar-bg.png) repeat-x 0 0;
	height: 44px; 
	margin-bottom: -5px;
	position: relative;
	text-align: center; font-size: 14px; color: #484A3D; line-height: 38px; font-weight: bold;
}
	.demo-acc a { text-decoration: none; }
 
/**
 *	Modals
 */
.modal-header { 
	background: #fbfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fbfcfc 0%, #f3f4f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfc), color-stop(100%,#f3f4f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* IE10+ */
	background: linear-gradient(top, #fbfcfc 0%,#f3f4f6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfc', endColorstr='#f3f4f6',GradientType=0 ); /* IE6-9 */
	padding: 0 15px;
	height: 44px;
	border-bottom: solid 1px #d9d9d9;
	line-height: 44px; font-size: 17px; font-weight: 700;
}
.modal-body {
	padding: 15px;
} 
 
/* Upgrade modal */
.upgrade-modal input[type="text"] {
	
}
.upgrade-modal input[type="text"].text-input-small {
	width: 114px;
}
.upgrade-modal td { padding:0 10px 6px 0; }
	.upgrade-modal label { font-size: 13px; }
	.upgrade-modal h5 { 
		margin: 0 0 20px; 
		color: #f97839;
	}


/**
 * Form elements
 */
table.form-container td{padding:5px 10px 5px 0; vertical-align:middle;}
input[type=text], 
input[type=password], 
textarea { 
	color:#000; font-size:13px; line-height:22px;
	display:inline-block;
	width:245px; height:22px;
	padding:4px;
	border:1px solid #b2b2b2;
	border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.10);
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.10);
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.10);
	transition: border linear 0.2s, box-shadow linear 0.2s;
		-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
		-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
		-o-transition: border linear 0.2s, box-shadow linear 0.2s;
}
input[type=text]:hover, 
input[type=password]:hover,
textarea:hover {
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.20), 0 1px 1px rgba(0,0,0,0.1);
		-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.20), 0 1px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.20), 0 1px 1px rgba(0,0,0,0.1);
	border-color:#939393;
}
input[type=text]:focus, 
input[type=password]:focus,
textarea:focus {
  outline: 0;
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 5px rgba(82, 168, 236, 0.6);
}
textarea { height: auto; }
div.actions { margin-top: 20px; }
	div.actions span { 
		font-size: 12px; color:# 000; 
		padding-left: 10px; 
	}
	div.actions a.cancel { 
		color: #d82d2d; text-decoration:none;
		border-bottom: solid 1px;
	}
	div.actions a.cancel:hover { color: #e84f4f; }

/**
 *	Overwrite some plugin styles
 */
.ui-datepicker .ui-datepicker-buttonpane button { 
	line-height:1;
	height:auto;
	box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	
	
	
	
	/*
	 * CSS Styles that are needed by jScrollPane for it to operate correctly.
	 *
	 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
	 * may not operate correctly without them.
	 */

	.jspContainer
	{
		overflow: hidden;
		position: relative;
	}

	.jspPane
	{
		position: absolute;
	}

	.jspVerticalBar
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 7px;
		height: 100%;
		background: red;
	}

	.jspHorizontalBar
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 16px;
		background: red;
	}

	.jspVerticalBar *,
	.jspHorizontalBar *
	{
		margin: 0;
		padding: 0;
	}

	.jspCap
	{
		display: none;
	}

	.jspHorizontalBar .jspCap
	{
		float: left;
	}

	.jspTrack
	{
		background: #fff;
		position: relative;
	}

	.jspDrag
	{
		background: #cbcbcb;
		position: relative;
		top: 0;
		left: 0;
		transition:background 0.2s ease;
		-moz-transition:background 0.2s ease;
		-webkit-transition:background 0.2s ease;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	.jspDrag:hover, .jspActive {background:#989898;}
	.jspHorizontalBar .jspTrack,
	.jspHorizontalBar .jspDrag
	{
		float: left;
		height: 100%;
	}

	.jspArrow
	{
		background: #50506d;
		text-indent: -20000px;
		display: block;
		cursor: pointer;
	}

	.jspArrow.jspDisabled
	{
		cursor: default;
		background: #80808d;
	}

	.jspVerticalBar .jspArrow
	{
		height: 16px;
	}

	.jspHorizontalBar .jspArrow
	{
		width: 16px;
		float: left;
		height: 100%;
	}

	.jspVerticalBar .jspArrow:focus
	{
		outline: none;
	}

	.jspCorner
	{
		background: #eeeef4;
		float: left;
		height: 100%;
	}

	/* Yuk! CSS Hack for IE6 3 pixel bug :( */
	* html .jspCorner
	{
		margin: 0 -3px 0 0;
	}	
	
	.card-expiry-month, .card-expiry-year, .card-expiry-month2, .card-expiry-year2{
		width: 93px !important;
	}
	
	/**
	 * Alert and notifications (TW bootstrap) 
	 */
	.alert-message {
		background-color: #eedc94;
			background-repeat: repeat-x;
			background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
			background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
			background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
			background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
			background-image: -o-linear-gradient(top, #fceec1, #eedc94);
			background-image: linear-gradient(top, #fceec1, #eedc94);
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);

		border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		position: relative;
		padding: 7px 15px;
		margin-bottom: 18px;
		color: #404040; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
		border-color: #eedc94 #eedc94 #e4c652;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-width: 1px;
		border-style: solid;
	}
	
	.alert-message.block-message.error { 
		color:#404040; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); 
		margin-bottom:10px;
		box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
			-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
			-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
	}
	.alert-message.block-message.error {
		background-color:#fddfde;
		border-color:#fbc7c6;
	}
	
	
.cashflow-modal #content .transactions table td.date {white-space:nowrap}
.new-transfer-account-name {padding-right: 4px;}
.pair{
	padding:0 !important;
}
.pair span{
	font-size: 10px;
	border-radius:25px;
	padding:5px;
	color:white;
	background-color: #B9B7B7;
}

.reset-options{
	list-style: none;
	margin:10px;
}

.reset-options li{
	padding-bottom: 5px;
	padding-top: 5px;
}

.reset-options li input{
	margin-right: 10px;
}

.reset-content h2{
	color:black;
	border: none;
	margin-top:10px;
	padding: 0;
}

.shareOpt, #cashflow #period a.shareOpt{
	display:block;
	width:25px;
	height:25px;
	background: url(../img/public/sprite.png) no-repeat;
	background-position:-272px -793px;
}

.shareOpt:hover, #cashflow #period a.shareOpt:hover{
	background-position:-272px -814px;
}

.shared-div{
	background-color: white;
	padding:10px;
	position:absolute;
	border:1px solid #ccc;
	z-index:1;
	box-shadow:0 0 6px rgba(0, 0, 0, 0.2);
}

.hidden{
	display: none;
}

.no-borders{
	border:0px;
}

.unshare{
	margin-left:50px;
}

.free-trial{
	background: #99CB00;
	text-align: center;
	color: #FFF;
	position: relative;
	font-size: 12px;
	line-height: 36px;
}