/*
asdf
Commonly used colors, PHASE 1

money-green			#DFEFDC
dark money-green	#ACC9A7
light green-white	#F6FAF4
links 				#458438
links hovering bg	#F0F6EE

*/

@font-face {
    font-family: 'open_sansregular';
    src: url('../OpenSans-Regular-webfont.eot');
    src: url('../OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../css/OpenSans-Regular-webfont.woff') format('woff'),
         url('../OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	padding:0;
	margin:0;
	background: #DFEFDC;
	color:#000000;
	font-family: open_sansregular, Verdana, Tahoma, Arial, sans-serif;
	font-size: 14px;
	overflow-y: scroll;
}

div, ul, h1, h2, h3, h4, p, img, form {
	padding:0;
	margin:0;
}

img {
	border: 0px solid #ffffff;
}

h1 {
	padding: 3px;
}

h2 {
	padding: 8px 3px 3px 3px;
}

table {
	font-size: 100%;
	min-width: 80%;
}

th, .tablefooter {
	font-size: 110%;
	font-weight: bold;
	text-align: left;
/*  border-right: 1px solid #dedede; */
	border: 1px solid #ACC9A7;
	background: #dfefdc;
}

td {
	border-bottom: 1px solid #dedede;
	
}

p {
	line-height: 125%;
	margin: 10px;
}

a:link, a:visited, a:active {
	color: #458438;
	text-decoration: none;
}

a:hover {
	background-color: #F0F6EE;
	color: #458438;
}

input:focus, select:focus, textarea:focus {
	background: #ffffc0;
}

#wrapper {
	width: 1240px;
/* 	height: 300px; */
	margin: 0 auto 0 auto;
	background: #F6FAF4 url(../img/hori_bg.png) repeat-y;
}

#rightside {
	float: right;
	margin: 0 20px 0 0;
}

#profile_box {
	margin: 37px 2px 2px 5px;
	padding: 5px;
	width: 220px;
	border: 1px solid #dedede;
	border-radius: 10px;
	background: #ffffff url(../img/profilebg.png) repeat-x 0 0;
}

#profile_box p {
	margin: 5px;
}

#bkt_balances {
	margin: 20px 5px 20px 0px;
	padding: 5px;
	width: 232px;
	background: #F6FAF4;
	color: #000000;
}

#balances_table {
	table-layout: fixed;
	width: 240px;
}

#balances_table tr td {
	overflow: hidden;
}

#tabmenu {
	width: 1200px;
/*	border-bottom: 1px solid #bbbbbb; */
	margin-left: 20px;
	position: fixed;
	top: 0;
	display: block;
	height: 28px;
	background: #80B289;
	border-bottom: 1px solid #CECECE;
	z-index: 5000;
}

#tabmenu ul {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	/* display: block; */
	/* height: 24px; */
/*	font-size: 14px; */
	position: relative;
}

#tabmenu ul li, #vertmenu ul li {
	display: block;
	/* float: left; */
	margin: 0;
	padding: 0;
	border: 0px solid #ddd;
	width: 400px;
}

#tabmenu ul li a {
	font: bold 16px open_sansregular, Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 10px;
	color: #ffffff;
/*	background-color: #444444; */
	text-decoration: none;
	margin: 0 0 0 10px;
	height: 18px;
	background: #000000;
	width: 40px;
	display: block;
	/* border: 1px solid #ddd; */
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

#tabmenu ul li ul p {
	background: #acc9a7;
	font: bold 14px open_sansregular, Trebuchet MS, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 10px;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	height: 18px;
	background: #acc9a7;
	width: 380px;
	display: block;
	border: 0px solid #ddd;
	-webkit-border-radius: 0px;	
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
}

#tabmenu ul li ul li a {
	font: bold 18px open_sansregular, Trebuchet MS, Arial, Helvetica, sans-serif; 
	padding: 0 6px 5px 3px;
	color: #458438;
	text-decoration: none;
	margin: 5px;
	height: 18px;
	background: #acc9a7;
	width: 380px;
	display: block;
	border: 1px solid #acc9a7;
	-webkit-border-radius: 6px;	
	border-radius: 6px;
}

#tabmenu ul li a:hover, #vertmenu ul li a:hover {
	color:#000000;
	background-color:#ffffc0;
	border: 1px solid #acc9a7;
    -moz-box-shadow: 	2px 2px 7px #7a7a7a;
    -webkit-box-shadow: 2px 2px 7px #7a7a7a;
    box-shadow: 		2px 2px 7px #7a7a7a;
	width: 400px;
}

#tabmenu ul li a.activemenuitem, #vertmenu ul li a.activemenuitem {
	background: #465D42;
	color: #ffffff;
}

ul#vertmenu {
	background: #ffffff;
	color: #ffffff;
	width: 400px;
	position: absolute;
	left: 7px;
	top: 7px;
	/* display: block; */
	border-left: 1px solid #bbb;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	z-index: 9000;
	padding: 3px;
	border-radius: 7px;	
    -moz-box-shadow: 	4px 4px 3px #7a7a7a;
    -webkit-box-shadow: 4px 4px 3px #7a7a7a;
    box-shadow: 		4px 4px 3px #7a7a7a;
}

#titleimg, .floatright {
	float: right;
	padding-top: 10px;
}

#titleimg a:hover {
	background-color: #ffffff;
}

#titleimg {
	width: 250px;
}

#content_box {
	min-height: 600px;
	width: 924px;
	background: #ffffff;
	margin: 28px 0 0 30px;
	padding: 5px;
	border: 1px solid #cecece;
	float: left;
	position: static;
}
#footer {
	width: 1200px;
	font:12px/18px open_sansregular, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #777;
	border-top: 1px solid #777;
	background: #F6FAF4;
	clear: both;
	margin: 20px 0 0 20px;
}

#footerbottom {
	background: #ffffff url(../img/hori_bg_bottom.png) no-repeat;
	height: 30px;
}

#footer p.copy{
	width:250px; display:block; font:12px/18px open_sansregular, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0;
	background-color:#030303; padding:0; float:right; display:block;
}

#footer p.copy a{
	text-decoration:underline; color:#EAEAEA; background-color:#030303;
}

#footer p.copy a:hover{
	text-decoration:none
}

.rowbg1 {
	background: #ffffff;
	border-bottom: 1px solid #efefef;
}

.rowbg2 {
	background: #eeeeee;
	border-bottom: 1px solid #dfdfdf;
}

.rightjust {
	text-align: right;
}

.topleftalign {
	vertical-align: top;
	text-align: left;
}

.clearout {
	clear: both;
}

p label.nofloat, div label.nofloat {
	float: none;
	text-align: left;
	width: 100%;
	display: inline;
}

p label, div label {
	width: 190px;
	float: left;
	text-align: right;
	margin: 15px 10px 0px 0;
	display: block;
}

p label.smaller, div label.smaller {
	width: 110px;
}

input[type=text], input[type=password] {
	padding: 6px;
	border: 1px solid #ACC9A7; 
	font: normal 1em open_sansregular, Verdana, sans-serif;
	color:#000;
	margin: 10px 10px 0 0;
	width: 200px;
	box-shadow: 1px 2px 3px 0px #dddddd;
}

input[type=radio] {
	padding: 6px;
	border: 1px solid #ACC9A7; 
	font: normal 1em open_sansregular, Verdana, sans-serif;
	color:#000;
	margin: 10px 2px 0 0;
}

input[type=checkbox] {
	padding: 6px;
	border: 1px solid #ACC9A7; 
	font: normal 1em open_sansregular, Verdana, sans-serif;
	color:#000;
	margin: 10px 2px 0 0;
}

.radiogrouplabel {
	margin: 0 10px 0 0;
}

select {
	padding: 6px;
	border: 1px solid #ACC9A7;
	box-shadow: 1px 2px 3px 0px #dddddd;
	font: normal 1em open_sansregular, Verdana, sans-serif;
	color:#000;
	margin: 10px 10px 0 0;
	width: 214px;
}
	
.cancelbutton {
	padding: 6px;
	border: 1px dashed #dddddd; 
	font: normal 1em open_sansregular, Verdana, sans-serif;
	color:#000;
	margin: 10px 10px 0 0;
	background: #fff;

}
	
.inputbutton {
	padding: 6px;
	border: 1px solid #ACC9A7; 
	box-shadow: 1px 2px 3px 0px #dddddd;
	font-size: 1em;
	font-family: open_sansregular, Verdana, sans-serif;
	color:#000;
	margin: 10px 10px 0 0;
	background: #DFEFDC;
}

textarea {
	width:450px;
	padding:6px;
	font: normal 1em open_sansregular, Verdana, sans-serif;
	border: 1px solid #ACC9A7; 
	box-shadow: 1px 2px 3px 0px #dddddd;
	height: 52px;
	margin: 20px 10px 0 0;
	display:block;
	color:#000;
}

input.btn { 
	font: bold 12px open_sansregular, Arial, Sans-serif; 
	height: 28px;
	margin: 5px 0 0 0;
	padding: 2px 3px; 
	color: #fff;
	background: #306bc1 url(../img/button-bg.jpg) repeat-x 0 0; 
	border: 1px solid #306bc1;
}

.submitbtn {
	margin-left: 180px !important;
}

.formerror {
	color: #f00;
	font-weight: bold;
}

.formbuttons {
	margin-left: 210px;
	margin-top: 15px;
}

.partform p, .purchaseform p, .buttonpara {
	padding: 5px;
}


.helpbox {
	float: right;
	margin: 10px;
	padding: 10px;
	line-height: 1.4em;
	background: #ffffc0;
	border: 1px solid #dddddd;
	box-shadow: 4px 4px 10px 0px #dddddd;
	width: 360px;
}

.helpboxnofloat {
	float: right;
	margin: 10px;
	padding: 10px;
	line-height: 1.4em;
	background: #ffffc0;
	border: 1px solid #dddddd;
	box-shadow: 4px 4px 10px 0px #dddddd;
	width: 300px;
}

.filterentry {
	padding: 2px !important;
	border: 1px solid #ACC9A7 !important; 
	font: normal 1em open_sansregular, Verdana, sans-serif !important; 
	color:#000 !important; 
	margin: 0 !important; 
	width: 100px !important; 
}

.filterentrysmall {
	padding: 2px !important;
	border: 1px solid #ACC9A7 !important; 
	font: normal 1em open_sansregular, Verdana, sans-serif !important; 
	color:#000 !important; 
	margin: 0 !important; 
	width: 50px !important; 
}

.sortlink {
	text-decoration: none;
	color: #000000;
}

.subheading {
	margin: 0;
	font-size: 80%;
}

.normalul {
	margin-left: 40px;
}

.noticeme {
	color: #f00;
}

.hidden {
	display: none;
}

.nothidden {
	display: block;
}

.ajaxloading {
    width: 400px;
    border: 0px solid #006;
    padding: 0px 0px 0px 350px;
	height: 100px;
}

/* .ajaxloading {
    position: fixed;
    top: 35%;
    left: 50%;
    margin-left: -50px;
    width: 890px;
    border: 0px solid #006;
    padding: 100px 100px 0px 0px;
	height: 482px;
} */

.formbuttonblock {
	margin: 0 0 0 250px;
}

.formbuttonloadingblock {
	margin: 17px 0 17px 250px;
}

.formfielderror {
	margin-left: 200px;
	color: #f00;
	font-weight: bold;
}

.dberror {
	color: #f00;
	font-weight: bold;
	background: #eee;
	border: 2px solid #f00;
}

#dbError, #generalError {
    width: 1000px;
/*    height: 400px; */
    position: fixed;
/*    top: 50%; */
    left: 50%;
    margin-left: -500px;
    margin-top: 100px;
	z-index: 1;
    -moz-box-shadow: 	2px 2px 7px #7a7a7a;
    -webkit-box-shadow: 2px 2px 7px #7a7a7a;
    box-shadow: 		2px 2px 7px #7a7a7a;
}

.filterimg_p {
	position: relative;
	padding: 0;
	margin: 0;
	width: 120px;
}

.filtersmallimg_p {
	position: relative;
	padding: 0;
	margin: 0;
	width: 70px;
}

.filterimg_a {
	position: absolute;
	top: 2px;
	right: 5%;
}

.filterremoveimg_a {
	position: absolute;
	top: 2px;
	right: -10%;
}

.filterdate {
	position: relative;
	padding: 0;
	margin: 0;
}

.minimaltable {
	border-collapse: collapse;
	width: 100%;
}

.minimaltable tr td {
	border: 0px solid #f0f0ff;
	padding: 0px;
	margin: 0px;
}

.minimaltable tr td input[type="text"] {
	padding: 3px;
	margin: 0;
}

.planningtable tr td input[type="text"] {
	padding: 1px;
	margin: 0;
	background: #ffffED;
	width: 90px;
}

.planningtable td {
	text-align: right;
}

div.splitbucketcontainer {
	/* max-height: 145px; */
	/* overflow: auto; */
	width: 500px;
	margin: 10px 0 10px 10px;
	float: left;
}

input.inputtiny, select.selecttiny {
	width: 80px;
	height: 16px;
	padding: 1px;
	margin: 1px;
}

input.inputsmaller, select.selectsmaller {
	width: 130px;
}

input.inputbigger, select.selectbigger {
	width: 320px;
}

.splitbucketcontrols {
	float: left;
	margin-left: 10px;
	padding: 30px 0;
	width: 320px;
	border: 3px solid #80B289;
	border-radius: 10px;
	background: #f6faf4;
}

.clearit {
	margin: 0;
	padding: 0;
	height: 1px;
	clear: both;
	border-top: 0px dotted #eee;
}

.clearleft {
	margin: 0;
	padding: 0;
	height: 1px;
	clear: left;
	border-top: 0px dotted #eee;
}

.clearright {
	margin: 0;
	padding: 0;
	height: 1px;
	clear: right;
	border-top: 0px dotted #eee;
}

.pagination {
	float: right;
}

.pagination a {
	background-color: #DFEFDC;
	border: 1px solid #ACC9A7;
	padding: 1px 4px;
	margin: 0 3px;
}

.curpagingtag {
	background-color: #ffffc0;
	border: 1px solid #ACC9A7;
	padding: 1px 4px;
	margin: 0 3px;
}

.reconciled {
	background: #ACC9A7;
	text-align: center;
	color: #ffffff;
}

.smallerfont {
	font-size: 70%;
}

.boxdiv {
	border: 1px solid #cecece;
	margin-bottom: 5px;
}

#scendetails {
	background-color: #DFEFDC;
	padding: 10px;
}

.emphasized {
	font-weight: bold;
	font-size: 115%;
}

.italics {
	font-style: italic;
}

.debughideme {
	border: 3px solid #c33;
	background: #ffffc0;
	height: 600px;
	overflow: auto;
}

.planningsubtotal {
	background: #dddddd;
	font-weight: bold;
}

#familyConnectBox {
	display: none;
	background: #DFEFDC;
}

.premiumHype {
	margin: 10px;
	padding: 10px;
	background: #FCCA9F;
	border: 3px solid #555555;
	border-radius: 10px;
	width: 250px;
}

.reconciledstyle {
	background: #ACC9A7;
}

.pendingstyle {
	background: #ffffc0;
}

.bucketlist {
	display: none;
}

.note {
}

table.halftable {
	width: 90%;
	min-width: 50%;
}

.bucketmovebox {
	float: left;
	width: 480px;
	min-height: 250px;
	max-height: 440px;
	overflow: auto;
	border: 1px solid #cccccc;
}

.narrowcolumn {
	float: left;
	width: 140px;
	border-right: 1px solid #cccccc;
	margin-left: 8px;
}

.current_step {
	font-size: 110%;
	color: #5555cc;
	/* font-weight: bold; */
	background: #ffffc0 url(../img/rightarrowsmall.png) no-repeat 0 0;
	margin: 0;
	padding: 0 0 0 25px;
}

#rightside_steps {
	margin: 5px;
	padding: 20px;
	width: 200px;
	background: #ffffff;
	color: #000000;
}

.wizardcreateaccounttable {
	margin: 0 0 0 20px;
	border: 0px solid #ffffff;
}

.wizardcreateaccounttable td, .wizardcreateaccounttable tr {
	border: 0px solid #ffffff;
}

.remainingbox {
	padding: 10px;
	background: #DFEFDC;
	border: 2px solid #ACC9A7;
}

#moneyremaining {
	font-weight: bold;
	background: #F6FAF4;
	padding: 8px;
}


div .ui-accordion-header {
	font-size: 1.5em;
	padding-left: 50px;
}

div .ui-state-default {
	background: #ACC9A7 url(../img/accordionheaderdefaultbg.png) repeat-x 0px 0;
	color: #888888;
}

div .ui-state-active {
	background: #DFEFDC url(../img/accordionheaderactivebg.png) repeat-x 0px 0;
	color: #459E00;
}

div .ui-accordion-content {
	background: #ffffff;
}

.centerbutton {
	text-align: center;
	padding: 20px;
}

.biglink {
	background: #FAECC9;
	border: 3px solid darkgreen;
	/* border-bottom: 3px solid #e0a947; */
	border-radius: 12px;
	padding: 10px 20px;
	color: #ffffff;
	margin: 2px 110px 10px 110px;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
    -moz-box-shadow: 	2px 2px 7px #7a7a7a;
    -webkit-box-shadow: 2px 2px 7px #7a7a7a;
    box-shadow: 		2px 2px 7px #7a7a7a;
}

.biglink a {
	color: #459E00;
}

.factoidbox {
	float: left;
	border: 2px solid #FBC86E;
	padding: 5px;
	width: 140px;
	height: 140px;
	border-radius: 7px;
	margin: 4px;
	background: #DFEFDC url(../img/factoidbg.png) no-repeat 0 0;
}

.factoidbox h4 {
	color: #465D42;
	text-align: center;
	font-size: 1.1em;
}

.factoidnumber {
	text-align: center;
	font-size: 1em;
	font-family: courier new, monospaced;
	color: #465D42;
}

.factoidnumberred {
	text-align: center;
	font-size: 1em;
	font-family: courier new, monospaced;
	color: #ff0000;
}

.tinyfootnote {
	font-size: .7em;
	font-style: italic;
	color: #666666;
}

.factoidbox a {
	background: #eeeede;
	padding: 4px 10px;
	border: 1px solid #bcbcbc;
	text-align: center;
}

.factoidbox a:hover {
	background: #9a9a9a;
	color: #ffffff;
}

#incometable {
	margin: 20px 0px;
}

.version {
	text-align: center;
	border: 3px solid #cc0000;
	/*border: 3px solid #0000cc;*/
	border-radius: 20px;
	color: #ffffff;
	background: #aa0000;
	/*background: #8888cc;*/
}

.negamt {
/*	color: #ffffff; 
	background: #7E0C12;  
	border: 1px solid #ff0000; */
	color: #ff0000;
}

.negbg {
	/* background: url(../img/redarrow.png) no-repeat;
	padding-left: 16px; */
}

.trnstable {
	width: 100%;
	font-size: .85em;
	table-layout: fixed;
}

#addGroupPopout {
	margin: 10px 0px 10px 80px;
	background: #F6FAF4;
	padding: 5px;
	width: 450px;
	border: 2px solid #ccc;
}

#bucketboxes {
/*	border-top: 1px solid #101010; */
}

.bucketbox {
	background: #465D42;
	color: #ffffff;
	float: left;
	border: 2px solid #000000;
	margin: 3px 5px 7px 0; 
	border-radius: 10px;
	overflow: hidden;
	padding: 5px;
    -moz-box-shadow: 	2px 2px 7px #7a7a7a;
    -webkit-box-shadow: 2px 2px 7px #7a7a7a;
    box-shadow: 		2px 2px 7px #7a7a7a;
}

.bucketboxtitle {
	color: #F2D99F;
}

.boxdollar {
	color: #ffffc0;
	font-weight: bold;
}

.bucketboxtable {
	min-width: 100%;
}

.rowbg1b {
	background: #465D42;
}

.rowbg2b {
	background: #394C35;
}


.bucketboxtable td {
	border: 0px solid #fff;
}

#actionblock {
	border: 1px solid #888;
	padding: 10px;
	margin: 10px;
	display: none;
	background: #F6FAF4;
	overflow: hidden;
}

.headtab {
	float: right;
	background: #335C96;
	color: #dedede;
	padding: 2px 24px 2px 24px;
	border-radius: 5px;
	border: 1px solid #101010;
	font-size: .7em;
}

.sectiontoggle div a:active, .sectiontoggle div a:link, .sectiontoggle div a:visited {
	color: #dedede !important;
}

.sectiontoggle div a:hover {
	background: #4D8EEA;
}

#summaryreconciletable {
	font-size: .85em;
	min-width: 100%;
}

#pageload {
	position: fixed;
	left: 50%;
	top: 200px;
	margin-left: -52px;
	display: none;
	border: 1px solid #cccccc;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	padding: 20px;
	background: #ffffff;
	z-index: 9999;
}

#maintaintransbox {
	border: 1px solid #aaaaaa;
	margin: 5px;
	padding: 10px;
	background: #fafafa url(../img/maintainbg.png) left bottom repeat-x;
	border-radius: 6px;
    -moz-box-shadow: 	2px 2px 7px #7a7a7a;
    -webkit-box-shadow: 2px 2px 7px #7a7a7a;
    box-shadow: 		2px 2px 7px #7a7a7a;
}

.transactionoutage {
	color: #4D7556;
}

.bigbold {
	font-weight: bold;
	font-size: 120%;
}

.sectiontoggle {
	background: #ffffc0 url(../img/titlebarbg.png) repeat-x;
	border: 1px solid #707064;
	border-radius: 5px;
	padding: 2px;
	overflow: auto;
}

.sectiontoggle p {
	margin: 2px;
}

.ui-autocomplete {
	max-height: 400px;
	overflow: auto;
}

.bucketline {
/*	position: relative; */
}

.trnsline {
	vertical-align: top;
}

.layover_parent {
	position: relative; 
	display: block; 
}

.layover {
	position: absolute;
	top: -2px;
	background: #ffffff;
	border-radius: 3px;
	border: 1px solid #aaaaaa;
	padding: 0 5px;
	display: none; 
    -moz-box-shadow: 	1px 1px 4px #7a7a7a;
    -webkit-box-shadow: 1px 1px 4px #7a7a7a;
    box-shadow: 		1px 1px 4px #7a7a7a;
}

.rightsidelayover {
	right: 0px;
}

.layover_leftside {
	left: 10px;
}

.layover_rightside {
	right: 0px;
}

.dialogpopup {
	margin: 2px 5px 15px 5px;
}

.summarysection, #transactionsbox {
	border: 1px solid #aaaaaa;
	border-radius: 6px;
    -moz-box-shadow: 	2px 2px 7px #7a7a7a;
    -webkit-box-shadow: 2px 2px 7px #7a7a7a;
    box-shadow: 		2px 2px 7px #7a7a7a;
	margin-bottom: 7px;
}

input.errorborder {
	border: 2px solid #ff0000;
}

.toggle-light {
	padding-left: 40px;
}

.notedisplay {
	font-size: 80%;
	font-style: italic;
	margin: 3px 3px 3px 10px;
}

.nomargin {
	margin: 0px;
}

.ui-dialog {
    -moz-box-shadow: 	4px 4px 27px #7a7a7a;
    -webkit-box-shadow: 4px 4px 27px #7a7a7a;
    box-shadow: 		4px 4px 27px #7a7a7a;
}

body div.ui-widget-overlay {
	background: #000000;
}

#archivesummary {
	width: 640px;
	font-size: .8em;
	max-height: 350px;
	overflow-y: auto;
}

.archivedrow, .inactiverow {
	background: #dadada;
}

.activitydetail {
	padding-left: 40px;
	font-size: 80%;
	/* display: block; */
}

#totalDiff {
	width: 970px;
	border: 1px solid #000000;
	padding: 20px;
	background-color: #ffffc0;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color: #ff0000;
}

.zerobal {
	color: #32CD32 !important;
}

#bucketFilterSelect, #accountFilterSelect {
	width: 	90px;
	font-size: .8em;
	padding: 1px;
	margin-top: 0;
}

#totalsFloater {
	position: absolute;
	right: 0;
	width:200px;
	/*height: 50px;*/
	border: 1px solid #333333;
	background: #ffffed;
	padding: 6px;
	font-size: .8em;
}

#totalsFloater p {
	padding: 0;
	margin: 0;
}

#totalsFloater.fixed, .splitbucketcontrols.fixed {
	position: fixed;
	top: 40px;
	left: 0;
	
}

#changeEmailBox, #changePasswordBox, #changeSecQuestionBox, #joinwithspouse, #sendemailtospouse {
	display: none; 
	border: 1px solid #777;
	background-color: #f6faf4;
	border-radius: 7px;
	padding: 30px;
	margin: 10px 30px;
	position: relative;
}

.profilepara {
	margin-top:25px;
}

.profilepara label {
	margin: 0 10px 0 0;
}

.profilepara a {
	margin-left: 30px;
}

#joinwithspouse, #sendemailtospouse {
	display: none;
}

.reminder {
    box-shadow: 		4px 4px 9px #7a7a7a;
	background-color: lawngreen;
	padding: 10px;
	margin: 5px;
}

h3.buglink a {
	color: #ffffc0;
}

.buglink a:hover {
	background: #000;
}







/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
  .dropzone.dz-started .dz-message {
    display: none; }
  .dropzone.dz-drag-hover {
    border-style: solid; }
    .dropzone.dz-drag-hover .dz-message {
      opacity: 0.5; }
  .dropzone .dz-message {
    text-align: center;
    margin: 2em 0; }
  .dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px; }
    .dropzone .dz-preview:hover {
      z-index: 1000; }
      .dropzone .dz-preview:hover .dz-details {
        opacity: 1; }
    .dropzone .dz-preview.dz-file-preview .dz-image {
      border-radius: 20px;
      background: #999;
      background: linear-gradient(to bottom, #eee, #ddd); }
    .dropzone .dz-preview.dz-file-preview .dz-details {
      opacity: 1; }
    .dropzone .dz-preview.dz-image-preview {
      background: white; }
      .dropzone .dz-preview.dz-image-preview .dz-details {
        -webkit-transition: opacity 0.2s linear;
        -moz-transition: opacity 0.2s linear;
        -ms-transition: opacity 0.2s linear;
        -o-transition: opacity 0.2s linear;
        transition: opacity 0.2s linear; }
    .dropzone .dz-preview .dz-remove {
      font-size: 14px;
      text-align: center;
      display: block;
      cursor: pointer;
      border: none; }
      .dropzone .dz-preview .dz-remove:hover {
        text-decoration: underline; }
    .dropzone .dz-preview:hover .dz-details {
      opacity: 1; }
    .dropzone .dz-preview .dz-details {
      z-index: 20;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      font-size: 13px;
      min-width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      text-align: center;
      color: rgba(0, 0, 0, 0.9);
      line-height: 150%; }
      .dropzone .dz-preview .dz-details .dz-size {
        margin-bottom: 1em;
        font-size: 16px; }
      .dropzone .dz-preview .dz-details .dz-filename {
        white-space: nowrap; }
        .dropzone .dz-preview .dz-details .dz-filename:hover span {
          border: 1px solid rgba(200, 200, 200, 0.8);
          background-color: rgba(255, 255, 255, 0.8); }
        .dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
          overflow: hidden;
          text-overflow: ellipsis; }
          .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
            border: 1px solid transparent; }
      .dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
        background-color: rgba(255, 255, 255, 0.4);
        padding: 0 0.4em;
        border-radius: 3px; }
    .dropzone .dz-preview:hover .dz-image img {
      -webkit-transform: scale(1.05, 1.05);
      -moz-transform: scale(1.05, 1.05);
      -ms-transform: scale(1.05, 1.05);
      -o-transform: scale(1.05, 1.05);
      transform: scale(1.05, 1.05);
      -webkit-filter: blur(8px);
      filter: blur(8px); }
    .dropzone .dz-preview .dz-image {
      border-radius: 20px;
      overflow: hidden;
      width: 120px;
      height: 120px;
      position: relative;
      display: block;
      z-index: 10; }
      .dropzone .dz-preview .dz-image img {
        display: block; }
    .dropzone .dz-preview.dz-success .dz-success-mark {
      -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview.dz-error .dz-error-mark {
      opacity: 1;
      -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
      animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
    .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
      pointer-events: none;
      opacity: 0;
      z-index: 500;
      position: absolute;
      display: block;
      top: 50%;
      left: 50%;
      margin-left: -27px;
      margin-top: -27px; }
      .dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
        display: block;
        width: 54px;
        height: 54px; }
    .dropzone .dz-preview.dz-processing .dz-progress {
      opacity: 1;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      transition: all 0.2s linear; }
    .dropzone .dz-preview.dz-complete .dz-progress {
      opacity: 0;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -ms-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in; }
    .dropzone .dz-preview:not(.dz-processing) .dz-progress {
      -webkit-animation: pulse 6s ease infinite;
      -moz-animation: pulse 6s ease infinite;
      -ms-animation: pulse 6s ease infinite;
      -o-animation: pulse 6s ease infinite;
      animation: pulse 6s ease infinite; }
    .dropzone .dz-preview .dz-progress {
      opacity: 1;
      z-index: 1000;
      pointer-events: none;
      position: absolute;
      height: 16px;
      left: 50%;
      top: 50%;
      margin-top: -8px;
      width: 80px;
      margin-left: -40px;
      background: rgba(255, 255, 255, 0.9);
      -webkit-transform: scale(1);
      border-radius: 8px;
      overflow: hidden; }
      .dropzone .dz-preview .dz-progress .dz-upload {
        background: #333;
        background: linear-gradient(to bottom, #666, #444);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width 300ms ease-in-out;
        -moz-transition: width 300ms ease-in-out;
        -ms-transition: width 300ms ease-in-out;
        -o-transition: width 300ms ease-in-out;
        transition: width 300ms ease-in-out; }
    .dropzone .dz-preview.dz-error .dz-error-message {
      display: block; }
    .dropzone .dz-preview.dz-error:hover .dz-error-message {
      opacity: 1;
      pointer-events: auto; }
    .dropzone .dz-preview .dz-error-message {
      pointer-events: none;
      z-index: 1000;
      position: absolute;
      display: block;
      display: none;
      opacity: 0;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      transition: opacity 0.3s ease;
      border-radius: 8px;
      font-size: 13px;
      top: 130px;
      left: -10px;
      width: 140px;
      background: #be2626;
      background: linear-gradient(to bottom, #be2626, #a92222);
      padding: 0.5em 1.2em;
      color: white; }
      .dropzone .dz-preview .dz-error-message:after {
        content: '';
        position: absolute;
        top: -6px;
        left: 64px;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #be2626; }