@charset "UTF-8";

/* GLOBAL STYLES */

body {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	color:#555;
	background: #E3E2DF url(../images/production/global/bg.jpg) center top;
	}

p {
	padding:0 0 10px 0;
	}

a {
        color: #728626;
}

hr {
	background: #B3B3B3;
	height: 1px;
	border: none;
	width: 90%;
	}

.highlight {
	color:#82A81D;
	font-size: 12px;
	}

.clear {
	clear:both;
	}

.borderThick {
	border:4px solid #CCC;
	}

.floatRight {
	float:right;
	margin:10px;
	}

.center {
	text-align:center;
	}

/* GLOBAL HEADER STYLES */


#header h1 a {
	display:block;
	height:65px;
	width:275px;
	text-indent:-9000px;
	float:left;
	}

#header .marketingModule {
	float:right;
	clear:both;
	margin:50px 110px 0 0;
	}

#header .marketingModule a {
	display:block;
	text-decoration:none;
	width:325px;
	height:120px;
	}

#header ul {
	float:right;
	height:40px;
	width:650px;
	margin:50px 0 0 0;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-align:right;
	}

#header ul li {
	display:inline;
	margin:0 0 0 20px;
	}

#header ul li a:link, #header ul li a:visited {
	color:#FFF;
	text-decoration:none;
	}

#header ul li a:hover {
	color:#FFF;
	text-decoration:underline;
	}

/* HEADER HOME PAGE STYLES */

#containerHome {
	width:100%;
	margin:0 auto;
	background: #FFF url(../images/home_page_bg.jpg) repeat-x top center;
	padding:0;
	}

.home {
	background: url(../images/production/home/bgBanner.png) repeat-x;
	height:125px;
	}

/* HEADER INSIDE PAGE STYLES */

#containerInside {
	width:100%;
	background: #DFDFDF url(../images/bg.jpg) repeat-x;
	}

.inside {
	background: url(../images/production/home/bgBanner.png) repeat-x;
	height:125px;
	}

/* WRAPPER STYLES */

#wrapper {
	width:980px;
	margin:0 auto;
	min-height:400px;
	}


.wrapperInside {
	}

/* CONTENT PAGE STYLES */

#content {
	width:980px;
	margin:0 auto;
	padding:10px 0;
	line-height:20px;
	}

#contentHome {
	width:920px;
	height:400px;
	margin:0 auto;
	padding:30px;
	line-height:20px;
	background:#FFF url(../images/production/home/bgContentContainer.png) top left no-repeat;
	font-size:14px;
	}

#contentHome ul {
	padding-bottom:25px;
	font-size:12px;
	}

#contentHome ul li {
	display:inline;
	margin:0 20px 0 0;
	}

#contentHome ul li a {
	color:#777;
	}

#contentHome ul li a:hover {
	color:#444;
	text-decoration:none;
	}

.homePage {
	font-size:12px;
	}

#column {
	float:left;
	width:580px;
	}

#columnWide {
	float:right;
	width:330px;
	}

#columnWide .topPad {
	padding:75px 0 0 0;
	}

h2 {
	font-size:18px;
	font-weight:bold;
	margin:10px 0 3px 0;
	}

.headerh2 {
	margin: 0;
        padding: 17px 0 0 22px;
        width: 160px;
        float: left;
        color: #333;
}

h3 {
	font-size:16px;
	font-weight:bold;
	margin:10px 0 3px 0;
	}

.goal_h3 {
        margin: 10px 0 3px 25px;
}

#content a {
	color:#333;
	text-decoration:none;
	}

#content a:hover {
	text-decoration:underline;
	}

.listSquare {
	margin:0px 0 25px 25px;
	}

.listSquare li {
	list-style:square;
	margin:0 0 5px 0;
	}

.listNone {
	margin:10px 0 25px 25px;
	}

.listNone li {
	list-style:none;
	margin:0;
	}

.listTools {
	float:right;
	width:25px;
	margin: 4px 0 0 0;
	}

.listTools li {
	display:inline;
	}

.listToolsAlt {
	float:right;
	width:25px;
	margin: 4px 0 0 0;
        font-size: 10px;
        color: #ccc;
	}

.listToolsAlt li {
	display:inline;
	}


/* LIST STYLES */

.listCheck {
	margin:15px 0 25px 15px;
	}

.listCheck li {
	list-style: none;
	background: url(../images/check.jpg) no-repeat 0px 2px;
	margin:0 0 5px 0;
	line-height:18px;
	padding-left: 23px;
	font-weight: bold;
	}

.listSquare {
	margin:0px 0 25px 25px;
	}

.listSquare li {
	list-style:square;
	margin:0 0 5px 0;
	line-height:18px;
	}

.listNone {
	margin:20px 0 15px 10px;
	}

.listNone li {
	margin:0 10px 15px 0;
	list-style:none;
	}

.listInline {
	line-height:20px;
	margin:20px 0 15px 10px;
	}

.listInline li {
	margin:0 10px 15px 0;
	list-style:none;
	display:inline;
	}

.listInline li img {
	border:3px solid #CCC;
	width:240px;
	}

/* BUDGET PAGE STYLES */

.msgWrapper {
	background:#D6DBE4 url(../images/bgMsgCenter.jpg) repeat-x;
	border:1px solid #DBE1E9;
	padding:30px 10px 10px 10px;
	margin:5px 0 0 0;
	line-height: 16px;
	}

.contentBudget {
	float:right;
	width:970px;
	font-size:11px;
	line-height:18px;
	color:#777;
	background: url(../images/bgBudget.png) repeat-y;
	margin:0px 0 0px 0;
	}

.contentGoals {
	float:right;
	width:970px;
	font-size:11px;
	line-height:18px;
	color:#777;
	background: url(../images/bgBudget.png) repeat-y;
	margin:0px 0 0px 0;
        min-height: 420px;
        }

.contentHow {
	float:right;
	width:930px;
	font-size:12px;
	line-height:18px;
	color:#777;
	background: url(../images/bgBudget.png) repeat-y;
	padding: 20px;
        min-height: 420px;
        }

.budget_footer {
	background: url(../images/bgBudgetBottom.png) no-repeat;
	height:23px;
	float:right;
	width:970px;
	margin:0px 0 10px 0;
	}

.budget_header {
	height: 53px;
	float:right;
	width:970px;
	background: url(../images/bgBudgetTop.png) no-repeat;
        margin-top: -6px;
	}

.contentBudget .summary {
	background: #DEDEDE url(../images/bgBudgetSummary.jpg) repeat-y;
	}

.contentBudget .column {
	min-height: 300px;
	width:225px;
	float: left;
	padding: 5px;
        border: 1px solid white;
	}

.contentBudget .columnTotal {
	min-height: 50px;
	width:235px;
	float: left;
	margin: 0 0 15px 0goalpx;
	color:#54616F;
	}

.contentBudget h3 {
	color:#50657A;
	width: 100%;
	font-size:11px;
	font-weight:bold;
	border-bottom:1px dashed #B3B3B3;
	padding:0 0 1px 0;
	margin:0 0px 5px 0px;
	}

.contentBudget .income h5 {
	color:#54616F;
	width: 67%;
	font-size:10px;
	font-weight:bold;
	float:left;
        background: none;
        padding: 0 0 0 18px;
	}

.contentBudget h5 {
        color:#54616F;
	font-size:10px;
	font-weight:bold;
	padding: 0 0 0 18px;
	width: 67%;
	float:left;
	}

.due_dom {
        float: left;
        width: 27px;
        text-align: right;
}

.contentBudget .expense h5 {
	background: url(../images/expense_icon.png) no-repeat 1px 3px;
}

.contentBudget .income h5 {
	background: url(../images/income_icon.png) no-repeat 1px 3px;
}

.contentBudget .goal h5 {
	background: url(../images/goal_icon.png) no-repeat 1px 3px !important;
}

.contentBudget h6 {
	color:#777;
	width: 90%;
	font-size:11px;
	font-weight:bold;
	padding:2px 0 2px 5px;
	margin:0 0 5px 0;
	}

.contentBudget .columnTotal p {
	font-weight:bold;
	padding: 0 0 0 10px;
	margin: 0;
	}

.contentBudget .last {
	margin-bottom: 20px;
	}

#week-0, #week-total-0 {
        margin-left: 10px;
}

.contentBudget .income {
        padding: 2px 2px 1px 2px;
	margin:0 0px 6px 0;
	color:#444;
	font-size: 10px;
	border:1px solid #C4F3C4;
        background: #d9f7d9;
        z-index: 1000;
}

.plus {
    font-size: 14px;
}

.contentBudget .expense {
        padding: 2px 2px 1px 2px;
	margin:0 0px 6px 0;
	color:#444;
	font-size: 10px;
	border:1px solid #FFD5D5;
        background: #efefef;
	}

.contentBudget .expenseAlt {
	background: url(../images/bgExpensesBudgetAlt.jpg) no-repeat top left;
	padding:0 0 0 22px;
	height:20px;
	margin:0 0 6px 0;
	color:#444;
	font-size: 10px;
	}

.contentBudget .debtPmt {
	background: url(../images/bgBudgetDebtPmt.jpg) no-repeat top left;
	padding:0 0 0 22px;
	height:20px;
	margin:0 0 6px 0;
	color:#FFF;
	font-size: 10px;
	}

.contentBudget .expenseAlt2 {
	background: url(../images/bgExpensesBudgetAlt2.jpg) no-repeat top left;
	padding:0 0 0 22px;
	height:20px;
	margin:0 0 6px 0;
	color:#444;
	font-size: 10px;
	}

.contentBudget .expense p {
	padding: 0 0 0 5px;
	margin: 0;
	}

.budgetNav {
	float: left;
	width: 415px;
	text-align:right;
        padding: 5px 0 0 0;
        margin: 0 0 0 365px;
    }

.budgetNav ul li {
	display:inline;
	}

.budgetNav a {
    height: 22px;
    padding: 5px;
    float: left;
}

.budgetNav ul {
    height: 32px;
    padding: 6px 0 0 0;
}

.goalNav {
	float: left;
	width: 90px;
	text-align:right;
        padding: 7px 0 0 0;
        margin: 0 0 0 620px;
        display: none;
    }

.goalNav ul li {
	display:inline;
	}

.goalNav a {
    height: 22px;
    padding: 5px;
    float: left;
}

.goalNav ul {
    height: 32px;
    padding: 6px 0 0 0;
}

.prev_li, .curr_li {
  padding-right:0 !important;
}
.next_li {
    border-right: 1px solid #fff;
    margin-right:5px;
    padding-right:10px !important;
}
.inc_li, .exp_li {
    border-right: 1px solid #fff;
    margin-right:5px;
    padding-right:10px !important;
}
.surp_li {
}

.positive-highlight {
	font-size:12px;
	color: #5B6E12;
	}

.negative-highlight {
	font-size:12px;
	color:red;
	}

a.delete {
    display: block;
    float: left;
    text-indent: -9999px;
    background: url(../images/mini-delete.png) no-repeat top left;
    width: 9px;
    height: 9px;
    margin-top: 1px;
}

a.delete:hover {
    background-position: 0 -9px;
}

a.edit {
    display: block;
    float: left;
    text-indent: -9999px;
    background: url(../images/mini-edit.png) no-repeat top left;
    width: 11px;
    height: 11px;
    margin-right: 3px;
}

a.edit:hover {
  background-position: 0 -11px;
}

#week-0, #week-1, #week-2, #week-3 {
  margin-top: 15px;
}

/* FORM STYLES */

fieldset.feedback_field {
	padding: 10px;
	margin: 15px auto;
	width:960px;
	background: url(../images/feedback.gif) no-repeat top left;
	}

fieldset.edit_info {
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
  padding: 10px;
}

legend {
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	margin: 0 0 0 14px;
	background:#DEDEDE;
	color:#82A81D;
	border:1px solid #CCC;
	}

.feedback {
	font-size: 13px;
	color: #666;
	border: 1px solid #E2E2E2;
	background-color: #DEDEDE;
	padding:5px;
	width:650px;
	margin:10px 0 0 275px;
	}

.feedbackBtn {
	font-size: 11px;
	color: #FFF;
	font-weight:bold;
	border: 1px solid #888;
	background-color: #999;
	padding:5px;
	width:135px;
	margin:10px 0 10px 775px;
	}

.msg {
	text-align:center;
	width: 880px;
	margin:10px auto;
	font-weight: bold;
	font-size:13px;
	padding:10px;
	background:#FFFBE5;
	border:2px solid #ECE8D5;
	}

#edituserWrapper {
  position: relative;
}

#edituserLabel {
	text-align: right;
	position: absolute;
	right: 25px;
	top: 5px;
	width: 300px;
	color: #333;
}

#edituserWrapper ul {
    clear: both;
}

/* LOG IN STYLES */

#login {
	width:450px;
	margin:25px auto;
	}

#loginWrapper {
	border:10px solid #FFF;
	padding:20px 20px 10px 20px;
	background:#F7F7F7;
	}

#loginWelcome {
	background:#DEDEDE;
	border:1px solid #CCC;
	padding:7px;
	color:#666;
	font-size:110%;
	text-align:center;
	margin:0 0 35px 0;
}

#loginWrapper label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:120px;
    clear:left;
	float:left;
	}

#loginWrapper .small {
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:120px;
	}

#loginWrapper input {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #DEDEDE;
	width:250px;
	margin:2px 0 20px 10px;
	}

#loginWrapper textarea {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #DEDEDE;
	width:250px;
	margin:2px 0 20px 10px;
	}

#loginWrapper .button {
  background-color:#999999;
  border:1px solid #888888;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
  margin:0px 0 10px 230px;
  padding:5px;
  width:135px;
  clear: both;
	}



#help a {
	color: #333;
	}

.usercont p {
  font-size: 12px !important;
}

.edit_facebook {
  padding: 10px 10px 10px 0;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}

.edit_categories {
  padding: 10px 10px 10px 0;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}

.edit_facebook p, .delete_account p {
  margin: 15px 0 0 !important;
  padding: 0 !important;
}

.fieldsetstatus span.enabled {
  color: #589300;
}

.fieldsetstatus span.disabled {
  color: red;
}

.edit_facebook legend {
  margin-left: 0;
}

.fieldsetstatus {
  font-weight: bold;
}

.delete_account {
  padding: 10px 10px 10px 0;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}

.edit_sharing {
  padding: 10px 10px 10px 0;
  border-top: 1px solid #ccc;
  margin-bottom: 0;
}

.delete_account legend {
  margin-left: 0;
}

.update_password legend {
  margin-left: 110px;
}

.edit_sharing legend {
  margin-left: 14px;
}

.edit_sharing label {
  margin: 0 0 0 5px;
}

.edit_categories ul {
  padding: 0 0 0 15px;
}

#add_cat {
  padding: 15px !important;
}

.update_password {
  padding: 10px 10px 10px 0;
  border-top: 1px solid #ccc;
  margin-bottom: 20px;
}

.update_password .update_button {
  margin: 10px 0 0 110px !important;
}

.update_password .cancel {
  color: #999;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 25px;
  margin: 10px 0 0px 105px;
}

.update_password p {
  clear: both;
  padding: 15px 0 0 110px !important;
  margin: 0 !important;
}

.userconttop {
  background: url(/images/bgBudgetTop.png) no-repeat;
  height: 17px;
  margin-top: -5px;
  width: 970px;
}


.usercontheader {
  background: url(/images/usercontheader.png) repeat-y;
  margin: 0;
  padding: 5px 25px 15px;
}

.usercontmiddle {
  background: url(/images/bgBudget.png) repeat-y;
  padding: 25px;
}

.usercontbottom {
  background: url(/images/bgBudgetBottom.png) no-repeat;
  height: 23px;
  margin: 0px 0px 10px;
  width: 970px;
}

.update_password ul {
  margin: 15px 0 5px 0;
}


.usercontheader h4 {
  font-size: 14px;
  font-weight: bold;
}

.usercontheader p {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
}

.usergeneralcol1 {
  width: 280px;
  float: left;
  margin: 0 85px 0 0;
}

.usergeneralcol2 {
  width: 375px;
  float: left;
}

.displaycol1 {
  width: 375px;
  float: left;
  margin: 0 150px 0 0;
}

.displaycol2 {
  width: 180px;
  float: left;
  margin: 0;
}

.displaycol1 input[type="image"] {
  margin: 20px 0 0 110px !important;
}

.displaycol1 input[type="text"] {
  width: 200px !important;
  margin: 2px 0px 20px 10px !important;
}

.displaycol2 ul {
  margin: 10px 0 0 0;
}

.displaycol2 ul li {
  height: 30px;
  line-height: 30px;
  width: 180px;
  display: block;
  clear: both;  
  margin: 0 0 10px 0;
}

.cat_color {
  height: 28px;
  width: 28px;
  display: block;
  float: left;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #000;
  text-indent: -9999px;
}

.displaycol2 li p {
  float: left;
  padding: 0 0 0 10px !important;
}

.displaycol2 p {
  margin: 0 !important;
  padding: 0 !important;
}


.displaycol2 .edit, .displaycol2 .delete {
  margin-top: 10px;
  float: right;
}

.sharingcont {
  width: 650px;
  padding: 0 0 15px 0;
}

.other_list {
  width: 480px;
  padding: 0 0 0 15px;
}

.other_list li {
  border-bottom: 1px solid #ccc;
  padding: 5px 0;
  font-weight: bold;
}

.other_email {
  width: 254px;
  display: block;
  float: left;
}

.other_role {
  width: 185px;
  display: block;
  float: left;
}

.other_edit {
  width: 30px;
  display: block;
  float: left;
}

.other_edit .edit, .other_edit .delete {
  float: right;
  margin: 5px 0 0 5px;
}

.other_heading {
  color: #82A81D;
  padding-bottom: 0 !important;
}

.other_heading .other_edit {
  text-align: right;
}



/*
#edituser {
	margin:25px auto;
  padding: 0 0 30px 0;
	}

#edituserWrapper {
	border:10px solid #FFF;
	padding:0px 0px 10px 0px;
	}
*/
#edituserWelcome {
	background:#DEDEDE;
	border:2px solid #CCC;
	padding:7px;
	color:#666;
	text-align:center;
	margin:0 0 35px 0;
	}

#edituserWrapper label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:100px;
	float:left;
        clear: left;
	}

#edituserWrapper .small {
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100px;
	}

#edituserWrapper input,
#edituserWrapper select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #DEDEDE;
	margin:2px 0 20px 10px;
	}
#edituserWrapper input {
	width:240px;
}

#edituserWrapper .button {
        background-color:#999999;
        border:1px solid #888888;
        color:#FFFFFF;
        font-size:11px;
        font-weight:bold;
        margin:0px 0 10px 0px;
        padding:5px;
        width:135px;
        float: left;
	}

.updatepassword, .otherusers {
        padding-bottom: 10px;
        font-size: 14px;

}

.cancel {
        color:#999999;
        font-size:11px;
        font-weight:bold;
        margin:0px 20px 10px 200px;
        float: left;
        line-height: 25px;
}


/* FOOTER STYLES */

#footer {
	clear:both;
	margin:0 auto;
	width:980px;
	height:150px;
	}

#footer ul  {
	color:#888;
	padding: 0em 15px;
	text-align:left;
	float:left;
	}

#footer ul li {
	margin:5px 0;
	padding-right:.8em;
	}

#footer ul li a {
	color:#888;
	}

.ssl {
	float:right;
	}

/* FLASH CENTER */

#flash-notice {
	padding:10px;
	background:#F3F3F3;
	border:1px solid #DEDEDE;
	}

/* POP UPS */

div.popup {
  	max-width: 600px;
  	border: 1px solid #000;
  	padding: 5px;
  	background-color: #FFF;
  	/* The following properties should not be changed */
  	position: absolute;
	}

#popup_overlay {
  	background-color: #000;
  	/* The following properties should not be changed */
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 500px;
	}

span.popup_link, a.popup_link {
  	cursor: pointer;
  	border-bottom: 1px dotted;
	}

.popup_draghandle {
  	cursor: move;
	}

#entry-form {
	width:475px;
	/*height:450px;*/
	}

#popup-form {
  width: 475px;
}

.goalpop {
    margin-bottom: 10px;
}

#goal_popup_closebox {
        margin:20px 20px -16px 0;
	}

.popup_closebox {
	text-align:right;
        /*margin: -15px -15px -20px 0;*/
        padding: 0;
        margin: 20px 20px -25px 0;
	}

.popup_closebox a, .goal_popup_closebox a {
	color: #fff;
        text-decoration: none;
        font-weight: bold;
        font-size: 14px;
        background: url(../images/lightbox_close.png) no-repeat right 5px;
        padding: 0 20px 0 0;
        text-transform: uppercase;
        width: 100px;
        height: 30px;
        display: block;
        float: right;
	}

#popWrapper {
	padding:10px;
	}

#popGoalWrapper {
	padding: 20px 10px 10px 10px;
	}

#popWelcome {
	/*background:#9AB72B;
	border:1px solid #666;
	padding:7px;
	color:#FFF;
	text-align:center;
	margin:0 0 25px 0;
	font-weight:bold;
	font-size:14px;
	*/
        background:#9AB72B;
	border:1px solid #666;
	padding:5px 5px 5px 10px;
	color:#fff;
	margin:0 0 16px 0;
	font-weight:bold;
	font-size:14px;
        text-transform: uppercase;
        }

#popWrapper label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:150px;
	float:left;
        clear: both;
	}

#popWrapper .small {
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:150px;
	}

#popWrapper input, #popWrapper select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #DEDEDE;
	width:225px;
	margin:2px 0 25px 10px;
	}
#popWrapper div.half {
  float: left;
  width: 225px;
  margin-bottom: 5px;
}
#popWrapper div.half div.left_half {
  margin-bottom: 0px;
}
#popWrapper div.half div.left_half label {
  clear: none;
  float: left;
  width: 50px;
  margin-bottom: 0px;
  display: inline;
}
#popWrapper div.half div.left_half select {
  width: 50px;
  margin-bottom: 0px;
}
#popWrapper div.half div.right_half {
  width: 150px;
}
#popWrapper div.half div.right_half select {
  width: 100px;
}

#popWrapper div.reverse input.left {
        float:left;
        margin: 2px 0 0 10px;
        clear:both;
}
#popWrapper div.reverse input[type="radio"].left {
        width:15px;
}
#popWrapper div.reverse label.right {
        text-align:left;
        width: 350px;
        float:left;
        clear:none;
}

.submit {
	clear:both;
	margin:0 auto;
	padding:4px;
	background:#9AB72B;
	border: 2px solid #CCC;
	text-align:center;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	}

#help {
	border-top:1px dashed #CCC;
	margin:40px 0 0 0;
	padding:1 0px 0 0 0;
	}

#help a {
	color: #333;
	}

.draggable {
  cursor: move;
}

.droppable-hover { border: 1px solid #C4F3C4 !important; }

/* GOAL SETTING STYLES */

.wrapper {
	border:5px solid #CCC;
	padding:20px;
	background:#ebf4fb;
	margin:0px 0;
	}

.white {
	background:#FFF;
	}

.wrapper a {
	color:#555;
	}

.wrapper h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
	}

.wrapper p {
	font-size:11px;
	color:#666;
	margin-bottom:20px;
	border-bottom:dashed 1px #DEDEDE;
	padding-bottom:10px;
	}

.wrapper label {
	display:block;
	font-weight:bold;
	text-align:right;
	width:125px;
	float:left;
	}

.wrapper .small {
	color:#666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:100px;
	}

.wrapper input, .wrapper select {
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:solid 1px #aacfe4;
	margin:2px 0 20px 10px;
	width:300px;
	}

.wrapper button, .wrapper .button {
	clear:both;
	float:right;
	padding: 5px 10px;
	background:#333;
	border:1px solid #555;
	text-align:center;
	color:#FFF;
	font-size:11px;
	font-weight:bold;
	margin:2px 100px 0 10px;
	width: 80px;
	}

.listModules {
	margin:20px 0 15px 10px;
	}

.listModules li {
	margin:0 20px;
	list-style:none;
	display:inline;
	}

.goal_li {
        float: right;
        margin-right: 4px;
}



.first {
        border-left: none !important;
        font-weight: normal;
        width: 200px;
}

#available_amount {
        color: #728626;
}

.input_goals {
    border:1px solid #CCCCCC;
    border-spacing:0;
    font-size:12px;
    margin: 0px 30px 20px 30px;
    width:905px;
    background: #e6e6e6;
}

.input_goals td, .input_goals th {
    border-left:1px solid #CCCCCC;
    padding: 4px 5px;
    text-align: center;
}

.input_goals th {
    border-bottom: 1px solid #ccc;
}

.add_goal {
    margin: 0 30px 5px 30px;
    font-size: 14px;
}

.assign_balance {
    width: 142px !important;
    height: 24px;
    vertical-align: bottom;
}

.editor_ok_button {
    margin-right: 5px;
    text-transform: uppercase;
}

.assign {
    width: 110px !important;
}

.confirm_delete {
    padding: 20px;
}

.delete-goal {
    display: block;
    float: left;
    text-indent: -9999px;
    background: url(../images/mini-delete.png) no-repeat top left;
    width: 9px;
    height: 9px;
    margin:7px 0px 0 10px;
}

a.delete-goal:hover {
    background-position: 0 -9px;
}

#print {
    float: right;
    margin: 0 20px 0 0;
    color: #6d6d6d;
}

#print a {
    color: #6d6d6d;
    text-decoration: none;
    line-height: 14px;
}

#print a:hover {
    color: #434343;
}

#print img {
    padding: 3px 0 0 0;
}

/* HOMEPAGE STYLES */

body#home_page {
	font-family: Arial, Tahoma, Verdana;
	font-size: 13px;
	color:#333;
	background: #d6d6d6;
}

#home_page #footer {
    padding: 10px 30px;
}

#home_container {
        background:#FFFFFF url(../images/home_page_bg.jpg) repeat-x scroll center top;
        margin:0 auto;
        padding: 0 0 40px 0;
        width:100%;
}

#home_wrapper {
      background:#FFFFFF none repeat scroll 0 0;
      margin:0 auto;
      width:980px;
}

#home_header {
	height:150px;
	background:url(../images/bgHeader.jpg) no-repeat top center;
	}

#home_header h1 a {
        display:block;
        float:left;
        height:105px;
        text-indent:-9000px;
        width:381px;
        background: url(../images/logo_tm.png) no-repeat;
        margin: 0px 0 0 -40px;
}

ul.home_ul {
	overflow: hidden;
	float:left;
	clear: both;
	width:590px;
	margin:18px 0 0 0;
	padding: 0 0 0 8px;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
        text-align: left;
        text-transform: uppercase;
	}

ul.application_ul {
	float:left;
	clear: both;
	width:750px;
	margin:18px 0 0 0;
	padding: 0 0 0 8px;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
        text-align: left;
        text-transform: uppercase;
	}

.response {
	background-color: #769A1F;
	padding: 2px 5px 2px 5px;
}

#home_header ul li {
	display:inline;
	margin:0 8px;
	}

#home_header ul li a:link, #home_header ul li a:visited {
	color:#FFF;
	text-decoration:none;
	}

#home_header ul li a:active {
	color:#FFF;
	text-decoration:underline;
	}

#home_header ul li a:hover {
	color:#FFF;
	text-decoration:underline;
	}

#home_header ul li.share_this {
  padding 0; text-transform: none; font-size: 12px;
  margin-right: 0;
}

#home_content {
	padding:10px;
	line-height: 21px;
	border-left: 1px solid #F1F1F1;
	border-right: 1px solid #F1F1F1;
	background: #fff;
        min-height: 400px;
	}

#app_content {
	padding: 20px 0 0 0;
	line-height: 21px;
        background: url(../images/app_content_bg.png) repeat-x
	}

#user_content {
	padding: 20px 0 0 0;
	line-height: 21px;
        background: url(../images/app_content_bg.png) repeat-x
}

#demo {
    margin: 0 auto;
    width: 968px;
}

#home_column {
	float: left;
	width: 625px;
        padding: 10px;
	}


#home_columnThin, #what_columnThin {
	float: right;
	width: 275px;
        text-align: right;
	}

#home_content h2 {
    color:#111111;
    font-size:26px;
    font-weight:normal;
    padding:0 0 10px 0;
    margin: 10px 35px 15px 10px;
    border-bottom: 1px solid #ccc;
}

#home_content p {
    margin:0 35px 0 10px;
	font-size: 14px;
}


#home_content h3 {
	font-size: 14px;
	width: 150px;
  	font-weight: normal;
  	color: #222;
  	background: #FFFFCC;
  	padding: 5px;
        margin: 0;
}

#home_content h4 {
	font-size: 16px;
  	font-weight: bold;
  	color: #222;
  	padding: 10px;
    margin: 0;
}

.static h3 {
	width: 100% !important;
        margin: 0px 35px 0 10px !important;
        background: none !important;
        padding: 0 !important;
        font-weight: bold !important;
}

#home_content p {
	padding: 0 0 10px 0
}

.privacy {
      font-weight: bold;
}

.green {
  color:#728626;
}

#home_content strong {
	color:#222;
	}

#log_in {
    float: right;
    margin: 12px 20px 0 0;
    padding: 0;
    height: 27px;
    display: inline;
}

#email, #dummy_password {
    color: #333;
    width: 125px;
}

#password {
    color: #000;
    width: 125px;
}

.log_in_button {
	height:24px;
	width:27px;
    vertical-align: bottom;
	margin: 0;
    padding: 0;
}

.forgot {
	font-size: 0.8em; 
	color:#fff;
	margin-top:2px;
	padding-left:5px;
	height:27px;
	width:45px;
	float: right;
}

#email {
    color: #333;
    width: 125px;
}

.black {
    color: #000 !important;
}


.log_out {
    background:url(../images/log_out.png) no-repeat top center;
    width: 92px;
    height: 24px;
    display:block;
    float:right;
    text-indent:-9999px;
    margin: 13px 20px 0 0;
}

/* FEEDS STYLES */

#feeds {
  	margin: 20px 0px 0 0px;
  	line-height: 18px;
  	font-size: 12px;
  	clear: both;
        padding: 20px 10px 0 0;
	}

#feeds h4 {
        font-size:15px;
        height:26px;
        line-height:26px;
        padding: 5px 0 5px 45px;
	}

.blog_header {
        font-size:13px !important;
        height:26px;
        line-height:26px;
        color: #616161 !important;
        font-weight: bold;
}

#feeds ul li {
  	border-bottom: 1px solid #DEDEDE;
	}

#feeds ul .home_first {
  	border-top: 1px solid #DEDEDE;
	}

#feeds a span {
  	color: #333;
  	font-size: 11px;
  	display: block;
	}

#feeds ul {
  	margin: 0px 0;
	}

#feeds ul li a {
  	color: #616161;
  	display: block;
  	padding: 10px;
  	text-decoration: none;
	}

#feeds ul li a:hover {
  	background: #F1F1F1;
  	color: #444;
	}

#feeds #twitter {
  	float: left;
  	width: 460px;
        padding: 0 0 0 10px;
	}

#twitter h4 {
  	background: #ebebeb url(../images/twitter.gif) no-repeat 10px 5px;
	border-bottom: 1px solid #DEDEDE;
	}

#twitter ul {
  	margin: 0px 0 20px 0;
	}

#feeds #blog {
  	float: right;
  	width: 460px;
        padding: 0 0px 0 0;
	}

#blog h4 {
  	background: #ebebeb url(../images/blog.png) no-repeat 10px 5px;
	}

#home_columnThin {
    margin: 50px 10px 0 0;
}

#what_columnThin {
    margin: 50px 10px 0 0;
}

#home_columnThin a, #what_columnThin a {
    margin: 0 0 10px 0;
}
#logged_in_message {
        color:#e6e6e6;
        float:left;
        font-weight:bold;
        margin:10px 0 0 50px;
        text-align:right;
        width:585px;
        height: 30px;
}
#logged_in_message a {
    color: #E6E6E6;
    text-decoration: none;
}
.learn_more {
    margin-right: 5px;
}
a.shinybutton {
        background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
	color: #000;
	display: block;
	float: left;
	font: bold 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 10px;
        text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	text-decoration: none;
}
a.shinybutton span {
	background: transparent url('../images/bg_button_span.png') no-repeat;
	display: block;
	line-height: 14px;
	padding: 4px 0 6px 10px;
	color: #000;
	text-decoration: none;
}
a.shinybutton:active {
	color: #000;
	outline: none;
	text-decoration: none;
}
a.shinybutton:active span {
	padding: 5px 0 5px 10px;
	text-decoration: none;
}
a.shinybutton:hover {
	text-decoration: none;
}
a.shinybutton:hover span {
	text-decoration: none;
}
.sign_up_button {
    height:24px;
    width:112px !important;
    border: none !important;
    margin: 0 0 0 265px !important;
    padding: 0 !important;
}
.invitation_button {
    width: auto !important;
    border: none !important;
    margin: 2px 0 0 10px !important;
    padding: 0 !important;
}
.update_button {
    width: auto !important;
    border: none !important;
    margin: 0 0px 0 180px !important;
    padding: 0 !important;
    float: left;
}
.create_button {
    margin: 0 0px 0 180px !important;
    padding: 0 !important;
    border: none !important;
    width: auto !important;
    float: left;
}
.delete_button {
    margin: 0 0px 0 180px !important;
    padding: 0 !important;
    border: none !important;
    width: auto !important;
    float: left;
}
.delete_p {
    padding-top: 30px;
}
.send_button {
    height:24px;
    width:92px !important;
    border: none !important;
    margin: 0 0 0 284px !important;
    padding: 0 !important;
}
.log_in_page_button {
    height:24px;
    width: 79px !important;
    border: none !important;
    margin: 0 0 0 298px !important;
    padding: 0 !important;
}
#errorExplanation ul {
    margin-left: 30px;
    list-style: disc;
}
.right {
    float: right;
}
.left {
    float: left;
}
.loginInfo {
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
}
.loginInfo a {
   color: #666666 !important;
}

.flash-title
{
      font-size:22px;
      font-family: Arial;
}

.sIFR-active .flash-title
{
      visibility: hidden;
      font-family: Verdana;
      line-height: 1em;
}
#msg_container {
        display:block;
        float:left;
        width:350px;
        margin-right: 20px;
        padding: 0;
}
.half_column {
        float: left;
        width: 450px;
        padding:10px;
}
.half_column p, .half_column h2 {
    margin-right: 0px !important;
}
#sign_up_box {
    text-align: center;
}
#sign_up_box p, #sign_up_box h4 {
    padding: 0;
    margin: 0;
}
#sign_up_box h4 {
    font-size: 25px;
    font-weight: normal;
    border: 1px solid #acacac;
    background: #dedede;
    padding: 10px;
    width: 92%;
    margin: 0 0 0 10px;
}
#sign_up_box h4 a {
    display: block;
    width: 100%;
    text-decoration: none;
}
#sign_up_box img {
    float: left;
    padding: 0 10px 0 0;
    border-right: 1px solid #acacac;
    margin-right: 10px;
}
.piggy_page {
    font-size:18px;
    line-height:24px;
    margin:-130px 0 0 539px !important;
}
.piggy_page a {
    color: #5B6E14 !important;
}
.piggy_img {
    margin: 0 0 0 45px;
}
.piggy_page_500 {
    font-size:18px;
    line-height:24px;
    margin:-40px 0 0 547px !important;
}
.piggy_page_500 a {
    color: #5B6E14 !important;
}
.piggy_img_500 {
    margin: 50px 0 0 45px;
}
.error_logo {
    margin: 0 0 10px 12px;
}
.h3small {
    font-size:12px;
    line-height:0;
    vertical-align:top;
}
h3.activated {
    background: none !important;
    width: 100% !important;
    font-weight: bold !important;
    margin: 0 0 10px 5px !important;
}
.active_ul {
    margin: 0 0 10px 10px;
}
.active_ul li {
    list-style-type: disc;
    margin-left: 20px;
}

.active_ol {
    margin: 0 0 10px 10px;
}
.active_ol li {
    list-style-type: decimal;
    margin-left: 20px;
}

#not_to_expect {
    float: right;
    width: 260px;
    /*padding: 5px;
    */
    margin: -10px 35px 10px 15px;

        background: #ccc;
}
#not_to_expect h3 {
    background: none;
    font-weight: bold;
    margin: 0 10px 0 10px;
    border-bottom: 1px solid #999;
    width: 88%;
    padding: 0 5px 5px 5px;
}
#not_to_expect p {
    margin: 10px 0 10px 10px;
    padding: 0 5px;
}
.what_signup {
    margin-top: 10px !important;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop {
	background: url(/images/rc_top_right.gif) no-repeat top right;
}

.roundbottom {
	background: url(/images/rc_bottom_right.gif) no-repeat top right;
}

img.corner {
   width: 16px;
   height: 16px;
   border: none;
   display: block !important;
}
#surplus_coming_soon {
        width: 100px;
        height: 20px;
        background: url(/images/round_surplus2.png) no-repeat;
        padding: 0 !important;
        margin: 5px 0 0 5px;
}
#surplus_coming_soon span {
        display: none;
}
a#surplus_coming_soon {
    background-position: 0 -20px;
}
a:hover#surplus_coming_soon {
    background-position: 0 0px;
}

a.coming_soon_tab span.en, a:hover.coming_soon_tab span.mi {
 display: inline;
}
a:hover.coming_soon_tab span.en, a.coming_soon_tab span.mi {
 display: none;
}
a:hover.coming_soon_tab {background:#FFFFFC}
.popDelete {
    padding-top: 20px !important;
}
label.right {
    margin-left: 10px;
}
.delete_msg {
    font-weight: bold;
    margin-left: 5px;
}
.add_extra {
    display: none;
}
#blog ul h4 {
    background: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}
#quote {
    float:left;
    margin: 12px 0 -3px 132px;
    width:466px;
    height: 75px;
    padding: 9px 20px 10px 20px;
    background: url(../images/bubble_quote_bg.png) no-repeat;
    text-align: center;
}
.quote_text {
        color:#003300;
        font-size:15px;
        font-weight:normal;
        line-height:18px;
        text-align:center;
}
#newsticker {
    color: #375F10;
    line-height: 18px;
    height: 56px;
    width: 460px;
}
#newsticker li {
    display: none;
    width: 440px;
}
#entry_debt {
    border: none !important;
    width: 20px !important;
    margin-top: -2px !important;
}
#cancel {
    float: left;
    margin: 0 10px 0 270px;
}
#cancel_goal {
    float: left;
    margin: 0 10px 0 5px;
}
#kind_once, #kind_future, #kind_all {
    border: none !important;
}
.delete_ul {
    line-height: 20px;
}
.temp_fix {
    margin-bottom: 10px;
}
.pw_btn {
    margin-left: 255px !important;
}

/* Goals Tables */

table.goals {padding: 0; margin: 0 0 20px 25px; border-collapse: collapse; color: #333; background: #F3F5F7; width: 920px; font-size: 12px;}

table.goals a {color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}

table.goals a:visited {color: #777;}

table.goals a:hover {color: #000;}

table.goals caption {text-align: left; padding: 10px 0 6px 0; font-size: 140%; font-weight: bold; }

table.goals thead th {background: #e2e2e2; padding: 5px 10px; color: #000; text-align: left; font-weight: bold;}

table.goals tbody, table.goals thead {border-left: 1px solid #EAECEE; border-right: 1px solid #EAECEE;}

table.goals tbody {border-bottom: 1px solid #EAECEE;}

table.goals tbody td, table.goals tbody th {padding: 5px 10px; background: url("/images/td_back.gif") repeat-x; text-align: left;}

table.goals tbody tr {background: #F3F5F7;}

table.goals tbody tr.odd {background: #F0F2F4;}

table.goals tbody  tr:hover {background: #EAECEE; color: #111;}

table.goals tfoot td, table.goals tfoot th, table.goals tfoot tr {text-align: left; background: #fff; padding: 10px;}

.goals input {
    width: 50px;
}

.odd {
        background: #ebebeb;
}

.pdf {
    background:#EFEFEF none repeat scroll 0 0;
    border:1px solid #CCCCCC;
    margin:10px 10px 20px;
    padding:10px;
    width:400px;
}

.pdf_text {
    float:left;
    font-size:14px;
    font-weight:bold;
    line-height:85px;
    margin:0 0 0 -15px !important;
    padding:0 !important;
}

.pdf_image {
    float: left;
}


.wrap {
display: table;
height: 56px;
width: 460px;
#width: 460px; /* arbitrary width for IE only */
#position: relative; /* for IE only */
overflow: hidden;
}
.inner {
#position: absolute; /* for IE only */
#top: 50%; /* for IE only */
#left: 0; /* for IE only */
display: table-cell;
vertical-align: middle;
}
.content {
#position: relative; /* for IE only */
#top: -50%; /* for IE only */
}

.estimate {
color: #d8932a;
}
.estimate:after { content: "*"; }
.estimate-note {
    padding: 0;
    margin: 0 0 0 30px;
    color: #D8932A;
}

.screencast-callout a {
  text-decoration: underline !important;
}

.screencast-callout a:hover {
  color: #fff !important;
}

.screencast-callout p {
  margin: 0 !important;
}

.screencast-callout {
  background:#A9BB62 none repeat scroll 0 0;
  border:1px solid #5D7014;
  font-family:Georgia,serif;
  font-size:25px;
  font-style:italic;
  margin:0 10px 50px 10px;
  padding: 20px 10px 10px;
  text-align:center;
  width:912px;
}

.screenshots {
  margin:30px 0 0 10px;
  width:933px;
}

.screenshots h4 {
  font-size: 26px;
  text-align: center;
  padding: 0 0 15px 0;
}

.screenshots p {
  padding: 0 20px;
  text-align: center;
  font-size: 16px;
  font-family:Georgia,serif;
}

.screenshot {
  border-bottom: 2px solid #ccc;
  padding-bottom: 25px;
  margin-bottom: 45px;
}

/*** Feedback Buton ***/
.feedback_btn {
  position: fixed; 
  top: 35%; 
  right: 0;
  background-color: inherit;
  display:block;
  width:40px;
  height:103px;
  background:url(/images/feedback_btn.png) no-repeat 0 -5px;
  margin:0;
}
.feedback_btn a {
  display:block;
  width:40px;
  height:103px;
  background:url(/images/feedback_btn.png) no-repeat 0 -5px;
  border: none;
}
.feedback_btn a:hover {
  background-position: 0 -117px;
}

#UpdateBirthYear {
  margin-left:105px;
}

#BirthYearUpdate_btn {
  margin:50px -70px;padding:0;width:10px;
}

.opt_out_notice {
  font-size:90% !important;margin:0 40px !important;
}

#media {
  margin-top:15px;
}
#fb_button_wrapper {
  margin: 0px 0 0 131px;
  padding-bottom: 20px;
}

.edit_facebook #fb_button_wrapper {
  margin: 0 0 0 0px;
}  

/* Facebook User Card */
.fb_name {
    font-weight: bold;
    font-size: 1.3em;
}
.fb_user_card td, .fb_user_card table {
    padding: 0;
    margin: 0;
}
.fb_picture {
    float: left;
}
.fb_picture img {
    height: 65px;
}
td.fb_field {
    padding-left: 10px;
    vertical-align: top;
}
.fb_user_card {
    width: 220px;
    margin: 0 auto 20px auto;
}
.not_you {
    font-size: .8em;
    text-align: center;
    cursor: pointer;
}



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}
.tabbertab h2 {
  display: none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
  margin: 0 0 0 30px;
  height: 35px;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
  background: url(/images/tab_off.png) no-repeat;
  height: 35px;
  width: 146px;
  display: block;
  float: left;
  margin: 0 5px 0 0;
  text-align: center;
  line-height: 37px;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  
}

ul.tabbernav li a:hover
{
  background: url(/images/tab_active.png) no-repeat;
}

ul.tabbernav li.tabberactive a
{
  background: url(/images/tab_active.png) no-repeat 0 0;
}

ul.tabbernav li.tabberactive a:hover
{
  background: url(/images/tab_active.png) no-repeat 0 0;
}

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
 
.clearfloat {
	display:inline-block
	}
 
.clearfloat {
	display:block
	}


#save_connect img{
    clear: left;
    padding-left: 10px;
    margin: 0 auto;
}
#disconnect {
    margin: 0 auto;
    width: 95px;
}