/* $Id: */


/** General spacer to use in divs that give their floated siblings a little mass
  * Floated elements do not take up 'space' in CSS on their own, which can 
  * really make layout fun.
  * Use via:
<div class="wl_spacer">
  &nbsp;
</div>
  */
div.wl_spacer {
  clear: both;
}


div.wishlist {
   position: relative;
}

.wishlist .main-body {
	float: left;
	width: 60%;
}
.wishlist .body {
	margin-right: 5px;
}

div.wishlist_private {
   margin-top: 2em;
   margin-bottom: 10px;
}

.wishlist .item_est_cost {
   margin-top: 15px;
   margin-bottom: 15px;
}

div.wishlist div.lessimportant {
  color: gray;  
}

.wishlist .lastchanged {
  color: gray;
  font-size: 80%;   
}

.wishlist .purchase-info {
	float: right;
	top: 0;
	width: 40%;
}

.wishlist .reveal-form {
  width: 20em;
}

.wishlist .who-purchased {
	padding-top: 5px;
}

.wishlist .wishlist_purchased {
  width: 20em;
}

.wishlist .wishlist_purchased thead {
	vertical-align: bottom;
}


.wishlist .reveal-form .form-item {
  vertical-align: top;
  margin:0;
  padding:0;
}	


.wishlist tr.even {
	vertical-align: top;
}
.wishlist tr.odd {
	vertical-align: top;
}

/* shown by the title of a new wishlist item in the wishlist table view */
.wishlist .newitem {
	color: red;
	border: solid 1px;
	margin-left: 5px;
	padding-left: 1px;
	padding-right: 1px;
}

/** shown on the lists of user wishlists */
span.new-wishlist-items {
	color: red;
	margin-left: 5px;
}

div#wishlist-purchase-node-view {
  border: solid 1px;
  border-color: blue;
  padding: 5px;
  margin-left: 20px;
}