/* $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 {
   font-size: 120%;
   margin-top: 0px;
   margin-bottom: 15px;
}


.wishlist .item_url {
}

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

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

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

.wishlist .priority {
  color: gray;
}

.wishlist .requested {
  color: gray;
}

.wishlist .purchased {
 
    border-color: #CECECE;
    border-style: ridge;
    border-width: 1px;
    color: #F77A12;
    font-size: 110%;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    max-width: -moz-fit-content;
  
}

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

.wishlist .wishlist_purchased {
  width: 20em;
}

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


.wishlist .wishlist_purchased tr.odd {
  background: lightgray;
}

.wishlist .wishlist_purchased tr.even {
  background: silver;
}


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


.wishlist tr.even {
	background-color: #ECECCC;
	vertical-align: top;
}
.wishlist tr.odd {
	background-color: white;
	vertical-align: top;
}

/* shown by the title of a new wishlist item in the wishlist table view */
.wishlist .newitem {
	color: #869CC9;
	border: dashed 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;
}