div#new_invitation_lightview table {
  margin: 20px auto;
}
div#new_invitation_lightview input {
  font-size: 16px;
}
div#new_invitation_lightview td.submit_cell {
  text-align: center;
}






body.authenticated div#menu,
body.authenticated div#content {
  width: 700px;
  padding: 20px;
  margin: 0 auto;
  text-align: left;
}
body.authenticated div#menu {
  font-size: 1.2em;
  font-weight: bold;
  padding: 12px 5px 13px 0;
  position: relative;
}
body.authenticated div#menu a,
body.authenticated div#menu a:visited {
  color: white;
  text-decoration: none;
  padding: 7px 20px 13px 20px;
  border: none;
}
body.authenticated div#menu a.active,
body.authenticated div#menu a.active:hover,
body.authenticated div#content {
  background: white;
  border-width: 2px;
  border-color: #008000;;
  border-style: solid;
}
body.authenticated div#menu a.active,
body.authenticated div#menu a.active:hover {
  color: #004900;
  border-bottom-color: white;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
body.authenticated div#menu a:hover {
  text-decoration: underline;
}
body.authenticated div#menu a#new_debt_link {
  outline: none;
  color: #800000;
  border: 1px solid #FF8000;
  background: #FC6;
  display: block;
  position: absolute;
  top: 5px;
  right: 0;
  padding: 5px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
body.authenticated div#menu a#new_debt_link:hover {
  background: #FFD470;
}
body.authenticated div#content {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-bottom: 20px;
}
body.authenticated div#content p.huge {
  margin-bottom: 10px;
}
body.authenticated ul.actions {
  margin: 0;
  padding: 0;
}
body.authenticated ul.actions li {
  display: inline;
  margin-left: 3px;
}
body.authenticated ul.actions li a {
  color: #804000;
  text-decoration: none;
  opacity: 0.7;
}
body.authenticated ul.actions li a:hover {
  color: #532900;
  text-decoration: underline;
  opacity: 1.0;
}
body.authenticated ul.actions li a.silk {
  padding: 3px 5px 1px 22px;
  font-size: .9em;
  display: inline-block;
  min-height: 16px;
}

body.authenticated div.flash {
  width: 695px;
}



body.simplified div#content {
  width: 420px;
  padding: 0 20px 20px;
  margin: 0 auto;
  text-align: left;
}
body.simplified div.flash {
  width: 370px;
}

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
* {
  margin: 0;
  padding: 0;
}

body > #wrapper {
  height: auto;
  min-height: 100%;
}

html, body, #wrapper {
  height: 100%;
}

#stage {
  padding-bottom: 40px; /* must be same height as the footer */
}

/* CLEAR FIX*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */


body {
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
  background: #7DC169;
  background: #5DB855;
  text-align: center;
  font-size: 12px;
  line-height: 1.2em;
}
a, a:visited, a:link {
  color: black;
  outline: none;
}
a:hover {
  text-decoration: none;
}
a img {
  border: none;
}
p {
  margin: 0;
  line-height: 1.4em;
}

div#header,
div#content,
div.flash {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
div#content {
  padding-bottom: 50px;
  width: 800px;
  min-height: 200px;
}
div#content div#tools {
  float: right;
  padding: 10px 20px;
  background: #CCC;
  border: 1px solid #B3B3B3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
div#content div#tools p {
  margin-bottom: 10px;
}
div#content div#tools p.first {
  margin-top: 10px;
}

div#content div.box {
  border-style: solid;
  border-width: 10px;
  border-color: #40240A;
  background: #B7E8C0;
  color: #40240A;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
div#content div.box h2 {
  padding: 0 5px 10px 5px;
  line-height: 1.2em;
  font-size: 1.2em;
  background: #40240A;
  color: #FFE0A7;
  text-shadow: 1px 1px 0px #915217;
  margin-bottom: 10px;
}
div#content div.box form label {
  color: #3A6409;
  text-shadow: 1px 1px 0px #fff;
  padding: 8px 10px;
}
div#content div.box p,
div#content div.box form {
  padding: 0 12px 12px 12px;
}

div#lightview div.lv_Title {
  background:none repeat scroll 0 0 #40240A;
  color:#FFE0A7;
  font-size:1.2em;
  line-height:1.2em;
  font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;; 
}
div.lightview {
  padding: 10px;
  background: #B7E8C0;
}
.lv_contentBottom {
  background: #B7E8C0;
}
.lv_Close {
  background: url("/images/vendor/silk/cross.png") no-repeat 10px 0 !important;
}
img.screenshot {
  border: 5px dotted #DADADA;
  padding: 10px;
}


body.password_resets.new fieldset {
  width: 400px;
  margin: 0 auto;
}
body.password_resets.new input[type=submit] {
  margin-bottom: 8px;
  margin-top: 2px;
}


body.password_resets.edit fieldset {
  width: 400px;
  margin: 0 auto;
}
body.password_resets.edit input[type=submit] {
  margin-bottom: 8px;
  margin-top: 2px;
}


div#new_feedback_lightview input.big {
  margin: 15px 0 0 100px;
}
div#new_feedback_lightview p.huge.center {
  margin-top: 115px;
}
div#new_feedback_lightview textarea {
  width: 340px;
}
div#new_feedback_lightview input[type=text] {
  width: 206px;
}


body.debts.index p.filter {
  font-style: italic;
  margin-bottom: 10px;
}
body.debts.index h5 {
  color: #784200;
  border-bottom: 2px solid #D8B46B;
  margin-bottom: 10px;
  font-size: 1em;
  padding: 2px 3px;
  font-weight: bold;
}


body.debts.show div#content h1 {
  font-size: 1.4em;
  margin: 15px 0;
}
body.debts.show div#content h1 span.amount {
  float: right;
}
body.debts.show div#content h1 span.amount.debit {
  color: #99000A;
}
body.debts.show div#content h1 span.amount.credit {
  color: #004E07;
}
body.debts.show div#content h2 {
  font-size: .9em;
  font-weight: normal;
  color: #ACACAC;
}
body.debts.show div#content h3 {
  background: #F2F2F2;
  color: #656565;
  padding: 3px 8px;
}
body.debts.show div#content p {
  margin-bottom: 10px;
}
body.debts.show div#content p.silk,
body.debts.show div#content ul.actions {
  float: right;
}
body.debts.show div#content p.silk {
  margin: 0;
}
body.debts.show div#content tr.comment td.details {
  width: 68px;
  text-align: center;
}
body.debts.show div#content tr.comment td.details img {
  border: 1px solid #999;
}
body.debts.show div#content tr.comment td.body p {
  margin-bottom: 0;
}
body.debts.show div#content tr.comment td.body p.created_at {
  font-size: .9em;
  color: #ACACAC;
}
body.debts.show div#content textarea {
  width: 688px;
}


body.debts div#content div.debt {
  position: relative;
  padding-bottom: 10px;
  margin: 0 5px;
  padding: 3px 5px 10px 5px;
  -moz-border-radius: 5px;
  background: #FFE9AE;
}
body.debts div#content div.debt.approved {
  background: white;
}
body.debts div#content div.debt.rejected {
  background: #F2F2F2;
}
body.debts div#content div.debt div.avatar,
body.debts div#content div.debt span.amount,
body.debts div#content div.debt ul.actions {
  position: absolute;
  top: 3px;
}
body.debts div#content div.debt div.avatar {
  left: 5px;
}
body.debts div#content div.debt div.avatar img {
  border: 1px solid #ccc;
  overflow: scroll;
  width: 40px;
  height: 40px;
  display: block;
}
body.debts div#content div.debt span.amount {
  right: 5px;
}
body.debts div#content div.debt p {
  margin: 0 170px 0 50px;
}
body.debts div#content div.debt p.description {
  font-size: 1.1em;
  line-height: 1.4em;
  margin-bottom: 4px;
}
body.debts div#content div.debt p.details {
  font-size: .9em;
  color: #808080;
}
body.debts div#content div.debt ul.actions {
  right: 0;
  top: 24px;
}
body.debts div#content div.debt span.amount {
  background: #E6E6E6;
  border: 1px solid #CCC;
  padding: 1px 4px;
  -moz-border-radius: 2px 2px 2px 2px;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
}
body.debts div#content div.debt span.amount span {
  color: #7A7A7A;
  padding: 0 4px 0 1px;
  text-shadow: #fff 1px 1px 1px;
  border-right: 1px solid #CCC;
}
body.debts div#content div.debt span.amount strong {
  border-left: 1px solid #FEFEFE;
  padding: 0px 2px 0 6px;
  text-align: right;
  display: inline-block;
  min-width: 50px;
}
body.debts div#content div.debt span.amount.debit {
  background: #FFE1E3;
  border: 1px solid #E1B8B9;
}
body.debts div#content div.debt span.amount.debit span {
  color: #D07377;
  border-right: 1px solid #E1B8B9;
}
body.debts div#content div.debt span.amount.debit strong {
  border-left: 1px solid white;
  padding: 0px 2px 0 6px;
}
body.debts div#content div.debt span.amount.credit {
  background: #DEFCCC;
  border: 1px solid #B1D1AF;
}
body.debts div#content div.debt span.amount.credit span {
  color: #78A038;
  border-right: 1px solid #B1D1AF;
}
body.debts div#content div.debt span.amount.credit strong {
  border-left: 1px solid white;
  padding: 0px 2px 0 6px;
}


body.debts div#content form {
  padding-bottom: 0;
  position: relative;
}
body.debts div#content form table td#other_user ul {
  background: white;
  position: absolute;
  border: 1px solid black;
  border-top: none;
  width: 275px;
  padding: 0 5px;
  top: 30px;
  max-height: 102px;
  overflow-y: scroll;
  -moz-border-radius-bottomleft: 5px;
}
body.debts div#content form table td#other_user ul li {
  list-style-type: none;
  cursor: pointer;
}
body.debts div#content form table td#other_user ul li:hover {
  background-color: #FFFDC9;
}
body.debts div#content form input#query,
body.debts div#content form input#debt_amount {
  font-size: 1.3em;
}
body.debts div#content form input#query {
  width: 275px;
  margin-right: 8px;
  margin-bottom: 0;
}
body.debts div#content form input#query.loading {
  background: white url("/images/loaders/orange_on_white.gif") no-repeat right -2px;
}
body.debts div#content form input#debt_amount {
  background-image: url("/images/debts/new/dollar_sign.png");
  background-position: 5px 8px;
  background-repeat: no-repeat;
  padding-left: 18px;
  width: 50px;
  margin-bottom: 8px;
}
body.debts div#content form input#debt_description {
  width: 360px;
}
body.debts div#content form div#submit {
  margin-top: 16px;
}
body.debts div#content form div#submit input#submit_tag {
  font-size: 1.2em;
}
body.debts div#content form div#submit img {
  margin-right: 30px;
}
body.debts div#content form div#button_frame {
  margin-top: 2px;
}


body.debts div#content div.box h2 {
  margin-bottom: 4px;
}
body.debts div#content div.box h2 a.silk {
  background-position: right top;
  padding-right: 22px;
  padding-left: 0;
  color: #FFF;
  font-size: .8em;
  text-decoration: none;
  color: #A35C1A;
  text-shadow: 1px 0 0 #43362A;
}
body.debts div#content div.box h2 a.silk:hover {
  color: #C67020;
  text-decoration: underline;
}
body.debts div#content p#instructions {
  font-size: .9em;
  padding: 3px 12px;
  color: #3B3B3B;
}
body.debts div#content p#instructions.error {
  color: #7A0000;
}


body.balances.index table {
  width: 100%;
}
body.balances.index table tr.balances td.debits,
body.balances.index table tr.balances td.credits {
  vertical-align: top;
  width: 320px;
}
body.balances.index table tr.balances td.debits {
  padding-left: 10px;
}
body.balances.index table tr.balances td.credits {
  padding-right: 10px;
}
body.balances.index table tr.balances td.debits h4 {
  background-color: #99180C;
  color: white;
}
body.balances.index table tr.balances td.credits h4 {
  background-color: #005F06;
  color: white;
}
body.balances.index table tr.totals td.credits strong,
body.balances.index table tr.balances td.credits div.balance span.amount {
  font-weight: bold;
  color: #005F06;
}
body.balances.index table tr.totals td.debits strong,
body.balances.index table tr.balances td.debits div.balance span.amount {
  font-weight: bold;
  color: #99180C;
}
body.balances.index table tr.totals td {
  font-size: 1.4em;
  text-align: right;
  padding: 7px 14px;
}
body.balances.index table tr.totals td span {
  border-top: 1px solid #999;
  padding: 5px;
}
body.balances.index table tr.balances a {
  text-decoration: none;
}
body.balances.index table tr.balances a:hover div.balance span.user {
  text-decoration: underline;
}

div.balance_container {
  font-size: 1.2em;
  height: 60px;
  overflow: hidden;

  /*border: 1px solid black;*/
}
div.balance {
  padding: 18px;
  margin-bottom: 3px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}  
div.balance span.avatar,
div.balance span.amount,
div.balance span.pending {
  position: absolute;
}
div.balance span.avatar {
  top: 5px;
  left: 7px;
}
div.balance span.user {
  margin-right: 10px;
  margin-left: 40px;
}
div.balance span.amount {
  top: 18px;
  right: 7px;
}
div.balance span.pending {
  top: 35px;
  left: 57px;
  font-size: .8em;
  color: #858585;
}
a:hover div.balance span.user {
  text-decoration: underline;
}
span.settle_button {
  position: relative;
  top: -23px;
  right: 4px;
  float: right;
  padding: 4px;
  z-index: 1000;
  text-align: center;
  visibility: hidden;


  /*-webkit-border-radius: 3px;*/
  /*-moz-border-radius: 3px;*/
  /*border-radius: 3px;*/
  /*border-width: 2px;*/
  /*border-style: solid;*/
  /*border-color: #40240A;*/
  /*background: #B7E8C0;*/

  top: -22px;

}
div.settle_topper {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-radius: 3px;
  border-width: 2px;
  border-style: solid;
  border-color: #40240A;
  background: #B7E8C0;
  /*background: #5DB855;*/
}
span.settle_button.active {
  visibility: visible;
}

span.settle_button a {
  /*color: #858585;*/
  font-size: 0.8em;
  text-decoration: none;
}

span.settle_button a:hover {
  text-decoration: underline !important;
}

span.settle a {
  text-decoration: none;
}

div.settle a:hover {
  text-decoration: underline;
}


body.friends.index form {
  margin-bottom: 20px;
  position: relative;
}
body.friends.index form table tr td {
  vertical-align: top;
}
body.friends.index form input#autoselected {
  font-size: 1.2em;
  width: 500px;
}
body.friends.index form input[type=submit] {
  font-size: 1.2em;
  margin: 3px 5px;
}
body.friends.index form span#cancel-search {
  font-size: .9em;
  color: #26A5FF;
  cursor: pointer;
  margin: 7px 5px;
  text-decoration: underline;
  display: block;
}
body.friends.index div#loading {
  position: absolute;
  bottom: 8px;
  right: 50px;
  width: 32px;
  height: 32px;
  background: url('/images/loaders/orange_on_white.gif') no-repeat center;
}
body.friends.index div.friend {
  border-bottom: 1px dotted #D4D4D4;
  padding: 6px 7px;
  font-size: 1.2em;
  position: relative;
}
body.friends.index div.friend ul.actions {
  position: absolute;
  top: 6px;
  right: 7px;
}
body.friends.index div.friend.first ul.actions {
  top: 0;
}


body.friends.index div#tutorial p.huge.center {
  margin-bottom: 20px;
}
body.friends.index div#tutorial p.big {
  margin-bottom: 15px;
}
body.friends.index div#tutorial img.right {
  margin-left: 20px;
}

/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data 
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #a7a7a7;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #d7d7d7;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
	top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
}
#lightviewController ul {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	list-style-type: none;
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCenter  { width: auto; float: left; }
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter { float: left; width: auto;}
.lv_controllerCenter li {
	list-style-type: none;
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev, 
.lv_controllerNext, 
.lv_controllerSlideshow, 
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

.silk {
  padding-left: 16px;
  background-position: 3px 2px;
  padding-left: 22px;
  background-repeat: no-repeat;
}

li.silk,
p.silk {
  padding-left: 24px;
  line-height: 20px;
}

.silk.accept { background-image: url("/images/vendor/silk/accept.png") }
.silk.bin { background-image: url("/images/vendor/silk/bin.png") }
.silk.clock { background-image: url("/images/vendor/silk/clock.png") }
.silk.coins_add { background-image: url("/images/vendor/silk/coins_add.png") }
.silk.coins_delete { background-image: url("/images/vendor/silk/coins_delete.png") }
.silk.comment { background-image: url("/images/vendor/silk/comment.png") }
.silk.cross { background-image: url("/images/vendor/silk/cross.png") }
.silk.error { background-image: url("/images/vendor/silk/error.png") }
.silk.emoticon_unhappy { background-image: url("/images/vendor/silk/emoticon_unhappy.png") }
.silk.group { background-image: url("/images/vendor/silk/group.png") }
.silk.hourglass { background-image: url("/images/vendor/silk/hourglass.png") }
.silk.money { background-image: url("/images/vendor/silk/money.png") }
.silk.money_add { background-image: url("/images/vendor/silk/money_add.png") }
.silk.money_delete { background-image: url("/images/vendor/silk/money_delete.png") }
.silk.money_dollar { background-image: url("/images/vendor/silk/money_dollar.png") }
.silk.pencil { background-image: url("/images/vendor/silk/pencil.png") }
.silk.rosette { background-image: url("/images/vendor/silk/rosette.png") }
.silk.table { background-image: url("/images/vendor/silk/table.png") }
.silk.table_edit { background-image: url("/images/vendor/silk/table_edit.png") }
.silk.table_error { background-image: url("/images/vendor/silk/table_error.png") }
.silk.tick { background-image: url("/images/vendor/silk/tick.png") }
.silk.user { background-image: url("/images/vendor/silk/user.png") }
.silk.user_add { background-image: url("/images/vendor/silk/user_add.png") }
.silk.user_delete { background-image: url("/images/vendor/silk/user_delete.png") }
.silk.user_green { background-image: url("/images/vendor/silk/user_green.png") }
.silk.user_orange { background-image: url("/images/vendor/silk/user_orange.png") }
.silk.user_red { background-image: url("/images/vendor/silk/user_red.png") }


body.users.new div#content div#sign-up {
  width: 400px;
  margin: 0 auto;
}
body.users.new div#content div#sign-up div.errors {
  margin-left: 10px;
  margin-right: 10px;
}
body.users.new div#content div#sign-up p {
}
body.users.new div#content div#sign-up form {
  padding-bottom: 12px;
}
body.users.new div#content div#sign-up form label {
  min-width: 100px;
}
body.users.new div#content div#sign-up form input[type=text],
body.users.new div#content div#sign-up form input[type=password] {
  width: 240px;
}


body.users.edit div#content p {
  font-size: 12px;
}
body.users.edit div#content input[type=submit] {
  font-size: 12px;
}
body.users.edit div#content table {
  width: 100%;
  margin-top: 12px;
}

body.users.edit div#content div#user {
  width: 360px;
  float: left;
}
body.users.edit div#content div#user input[type=text],
body.users.edit div#content div#user input[type=password] {
  width: 210px;
}

body.users.edit div#content div#avatar {
  width: 250px;
  height: 300px;
  margin-right: 15px;
  float: right;
}
body.users.edit div#content div#avatar input[type=file] {
  font-size: 10px;
}
body.users.edit div#content div#avatar label {
  font-size: 10px;
  color: #808080;
}
body.users.edit div#content div#avatar label a {
  color: #3E3E3E;
}


.tiny {
  font-size: .8em !important;
}
.small {
  font-size: .9em !important;
}
.big {
  font-size: 1.2em !important;
}
.huge {
  font-size: 1.6em !important;
}
.first {
  margin-top: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}
.last {
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}
.italic {
  font-style: italic;
}
.right {
  float: right !important;
}
.left {
  float: left !important;
}
.center {
  text-align: center !important;
}
.blank {
  opacity: 0.5;
}

h1, h2, h3, h4, h5 {
  margin-top: 0;
}
h1 {
  font-size: 1.4em;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.1em;
  margin-bottom: 5px;
}
h4 {
  background: #E6E6E6;
  margin-bottom: 10px;
  font-size: 1em;
  padding: 5px 8px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
}


div.flash {
  font-size: 12px;
  clear: both;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-width: 2px;
  border-style: solid;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  font-weight: bold;
  line-height: 1.6em;
  background: white;
}
div.flash.notice {
  color: #2E5B1A;
  border-color: #008000;
}
div.flash.alert {
  color: #520A0A;
  border-color: #BC0101;
}


div#footer {
  position: relative;
  margin-top: -40px; /* negative value of footer height */
  height: 40px;
  clear:both;
  background: #14590F;
  border-top: 2px solid #092706;
}
div#footer p {
  padding-top: 10px;
  font-size: 10px;
  color: #0B1808;
  text-shadow: #439233 1px 1px 1px;
}


div#header {
  width: 857px;
  color: #000870;
  background: #5572FF;
  background: url(/images/common/_header/background.png) no-repeat;
  background-position: 0 0;
  height: 112px;
  padding-bottom: 30px;
  position: relative;
}
div#header ul {
  float: right;
  padding: 5px 45px 0 0;
  margin: 0;
}
div#header ul li {
  list-style-type: none;
  display: inline;
  padding-left: 5px;
}
div#header h1,
div#header h2 {
  position: absolute;
  left: 180px;
}
div#header h1 {
  color: #00064F;
  top: 30px;
  font-family: "adelle-1", "adelle-2", serif;
  font-size: 3em;
  text-shadow: -1px -1px 1px #EAF7FC;
}
div#header h2 {
  background: url("/images/common/_header/slogan.png");
  text-indent: -9999px;
  width: 264px;
  height: 12px;
  top: 60px;
}
div#header img {
  position: absolute;
  top: 2px;
  left: 33px;
}


div#content div.errors {
  background: #FFFDC2;
  margin-bottom: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div#content div.errors p {
  color: white;
  background: #D33527;
  padding: 10px 15px !important;
  margin: 0 !important;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
}
div#content div.errors ul {
  border: 1px solid #D33527;
  border-top: none;
  color: #AD313B;
  padding: 10px 25px;
  margin: 0;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
div#content div.errors ul li {
  line-height: 1.4em;
}


div.callout {
  background: #FEF4A6;
  padding: 5px 8px;
  text-align: left;
  border: 2px solid #FF8000;
  -moz-border-radius: 5px 5px 5px 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;
  margin: -10px auto 10px auto;
  width: 720px;
  position: relative;
  box-shadow: 5px 5px 7px rgba(0, 0, 0, .2);
  -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, .2);
  -webkit-box-shadow: rgba(0, 0, 0, .2) 5px 5px 7px;
}
div.callout img {
  position: absolute;
  top: -12px;
  left: 70px;
}
div.callout p,
div.callout a {
  color: #663300;
}
div.callout p {
  font-size: .9em;
  margin-bottom: 3px;
}
div.callout ul {
  margin-bottom: 1px;
}
div.callout ul li {
  display: inline;
  line-height: 20px;
}
div.callout ul li a {
  padding-top: 2px;
  padding-bottom: 3px;
}
div.callout img.close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  left: 702px;
}
div.callout h4 {
  color: #800000;
  background: none;
  font-size: 12px;
  margin: 0;
  padding: 0 0 5px 0;
}
div.callout div.item {
  position: relative;
  border-top: 1px solid #FAFFC9;
  border-bottom: 1px solid #F7E86E;
  padding: 2px 0;
}
div.callout div.item p {
  padding-top: 1px;
  margin-bottom: 0;
  font-size: 1em;
  margin-right: 200px;
}
div.callout div.item ul.actions {
  position: absolute;
  top: 2px;
  right: 5px;
}
div.callout div.item.first ul.actions {
  top: 0;
  *top: -2px;
}


form div#button_frame div.button {
  height: 28px;
  width: 88px;
  float: left;
  padding: 8px;
  text-align: center;
  cursor: pointer;
  border-width: 3px;
  border-style: solid;
  border-color: #B7E8C0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
form div#button_frame div.button:hover {
  text-decoration: underline;
}
form div#button_frame div.button.active {
  background-position: 0 0;
  cursor: default;
  text-decoration: none;
}
form div#button_frame div.button.credit {
  color: #105013;
  margin-right: 6px;
}
form div#button_frame div.button.debit {
  color: #551200;
}
form div#button_frame div.button.credit.active {
  background: #7ED385;
  border-color: #18731D;
}
form div#button_frame div.button.debit.active {
  background: #D3B399;
  border-color: #731800;
}
form div#button_frame div.button span {
  font-weight: bold;
  font-size: 1.1em;
}
form div#button_frame div.button.active span {
}
form input.prefilled {
  color: #999;
}


div.popup {
  /*background: #7DC169;*/
  /*background: #5DB855;*/
}


label {
  color: #4C4C4C;
  float: left;
  margin-right: 0.2em;
  display: block;
  min-width: 120px;
  padding: 6px;
}
textarea,
input[type=text],
input[type=password] {
  border: 1px solid #4C4C4C;
  padding: 5px;
  font-size: 14px;
  margin-bottom: 6px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
input[type=submit].disableable {
  font-size: 1.3em;
  height: 32px;
}
textarea.error,
input[type=text].error,
input[type=password].error {
  border: 1px solid #800000;
  background: #FFDAD6;
}


span.new_payment {
  font-size: 1.5em;
  line-height: 1.2em;
}

form#payment_form {
  /*margin: 0 auto;*/
  margin-top: 20px;
}

span.new_payment label.payment_amount {
  padding: 0px 15px;
}

form#payment_form div#inputs {
  margin: 0 auto;
  width: 150px;
  padding-top: 35px;
}

form#payment_form input {
  /*float: left;*/
}

form#payment_form input#debt_amount {
  /*font-size: 0.87em;*/
  font-size: 1.3em;
  background-image:url(/images/debts/new/dollar_sign.png);
  background-position:5px 8px;
  background-repeat:no-repeat;
  width: 50px;
  padding-left: 18px;
}


body.site.index div#content {
  position: relative;
}
body.site.index div#content div#sign-up {
  width: 322px;
  margin-bottom: 20px;
}
body.site.index div#content div#sign-up p {
  font-size: .9em;
}
body.site.index div#content div#sign-up form label {
  float: left;
  min-width: 75px;
}
body.site.index div#content div#sign-up form input[type=text],
body.site.index div#content div#sign-up form input[type=password] {
  width: 180px;
}
body.site.index div#content div#sign-up form div.center {
  margin-top: 5px;
}
body.site.index div#content div#free {
  background: transparent url("/images/site/index/free.png") no-repeat;
  width: 68px;
  height: 69px;
  text-indent: -9999px;
  position: absolute;
  top: -10px;
  left: 300px;
}
body.site.index div#content div#post-it {
  background: transparent url("/images/site/index/post-it.png") no-repeat;
  width: 480px;
  height: 302px;
  text-indent: -9999px;
  position: absolute;
  top: 0;
  right: 0;
}
body.site.index div#content div#features {
  margin-bottom: 20px;
  background: white;
  border-color: #114B0B;
  clear: both;
  padding: 15px;
}
body.site.index div#content div#features table {
  width: 100%;
}
body.site.index div#content div#features table tr td {
  text-align: center;
  font-size: 1.6em;
  line-height: 1.6em;
}
body.site.index div#content div#features table tr td.screenshot-left {
  text-align: left;
}
body.site.index div#content div#features table tr td.screenshot-right {
  text-align: right;
}
body.site.index div#content div#video div {
  margin: 30px 130px;
}


body.site.login div#content div#sign-in {
  margin: 0 auto;
  width: 400px;
}
body.site.login div#content div#sign-in form label {
  min-width: 100px;
}
body.site.login div#content div#sign-in form input[type=text],
body.site.login div#content div#sign-in form input[type=password] {
  width: 240px;
}