/* 
	File:			registry-list.css
	Author:			Brian Seward
	Created:		9-2009
	Description:	Contains styles for the registry list and registry list page content.
*/

table#registry-list { *border-collapse: collapse; width: 100%; }
p.error.empty-registry-message { margin: 4em 0 2em; }
div#pageErrorHook { font-size: 1.1em; }

/* Reglist Header */
div#content div#registry-details { _width: 100%; /* IE6 collapses this div for some reason. */ }
div#registry-details ul#registrant-info { float: left; width: 35em; font-weight: bold; padding: 0 1em 1em 0; }
div#registry-details ul#registrant-info li { _color: #666; /* IE6 seems to be inexplicably misstyling this? */ }
div#registry-details ul li span { font-size: 1.1em; }
div#registry-details ul#registrant-message { float: left; width: 40em; padding-bottom: 1em; }

/* Reglist Promo */
div#registry-details div.promo-space { float: right; text-align: right; }
div#registry-details div.promo-space div.promo { margin-left: 2em; margin-bottom: 1em; height: auto; }

fieldset#registry-options div.sort-by,
fieldset#registry-options div.show-images,
fieldset#registry-options div.button-background { float: left; margin-right: 2em; }
div#content fieldset#registry-options label { font-weight: normal; width: auto; text-transform: none; }

/* Table Header Rows */
table#registry-list tr.category-heading { background: #E7EDFA; }
table#registry-list tr.category-heading th { padding: .4em 1em .5em; height: 3.2em; font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #ccc; vertical-align: bottom; }

table#registry-list tr.reg-list-actions td { padding: .7em 0; }
table#registry-list tr.reg-list-actions td div.actions-container { float: right; }
table#registry-list tr.reg-list-actions td div.button-background,
table#registry-list tr.reg-list-actions td input.button { float: left; margin-left: 1em; }

/* Columns */
table#registry-list tr .sku, 
table#registry-list tr .price, 
table#registry-list tr .requested, 
table#registry-list tr .still-needs, 
table#registry-list tr .purchased, 
table#registry-list tr .online-availabilty, 
table#registry-list tr .quantity-to-purchase, 
table#registry-list tr .remove { text-align: center; }

/* Rows */
table#registry-list tr td { padding: 1em; vertical-align: top;}

table#registry-list tr td { border-bottom: 1px solid #ccc; }

table#registry-list tr td span.product-name,
table#registry-list tr td.sku, 
table#registry-list tr td.price, 
table#registry-list tr td.requested, 
table#registry-list tr td.still-needs, 
table#registry-list tr td.purchased,
table#registry-list tr td.quantity-to-purchase { font-size: 1.1em; }

table#registry-list tr .product-image { padding: 1em 0 .7em 0; width: 8.8em; }
table#registry-list tr .sku,
table#registry-list tr .price,
table#registry-list tr .requested,
table#registry-list tr .still-needs, 
table#registry-list tr .purchased,
table#registry-list tr .remove { width: 0em; }
table#registry-list tr .quantity-to-purchase { width: 7em; }
table#registry-list tr .online-availabilty { width: 15.2em; }
table#registry-list tr .online-availabilty span { font-size: 1.1em; }
table#registry-list tr .requested input { width: 2.5em; text-align: center; }
table#registry-list tr .quantity-to-purchase input { width: 2.5em; text-align: center; }

/* Product Detail */
table#registry-list td.product-detail div.product-name { font-size: 1.1em; }
body#registry div#view-registry table#registry-list td.product-detail div.product-name { font-size:1.1em; }
body#registry div#view-registry table#registry-list td.product-detail div.product-name a { font-size:1em; }
table#registry-list td.product-detail div.flags-container span { float: left; padding-right: 1em; white-space: nowrap; }
table#registry-list td.product-detail div.flags-container span.flag-text { padding-bottom: .3em; }
table#registry-list td.product-detail div.flags-container span.flag-image  { padding-top: .2em; }
table#registry-list td.product-detail div.monogram-info { position: relative; padding-left: 1.5em; margin-top: 1.5em; }
table#registry-list td.product-detail img.monogram-icon { position: absolute; left: 0; top: 0; _left: -1.5em; }
table#registry-list td.product-detail div.monogram-info p { padding-bottom: .4em; }
table#registry-list td.product-detail div.monogram-info a.edit-monopers { display: inline-block; padding: .5em 0; text-decoration: underline; }

/* Offline items rows */
table#registry-list tr.offline-item td { vertical-align: middle; }
table#registry-list tr.offline-item td span.product-name { font-size: 1.1em; }

/* Reglist Footer */
div#content div#registrant-reg-list-footer { border-bottom: 1px solid #ccc; margin-bottom: .5em; padding-top: 2em; _width: 100%;/* IE6 randomly collapses this block :/ */ }
div#registrant-reg-list-footer ul#reg-id-info li { _color: #666; /* IE6 seems to be inexplicably misstyling this? */ }

#registrant-reg-list-footer li#bar-code { padding-top: 1em; }
#registrant-reg-list-footer div.registrant-reg-list-footer-item { width: 28%; margin: 0 2% 1em; float: left; }

/* Legend */
div.legend-header { width: 100%; height: 2.8em; margin-bottom: 1.5em; background: url("../images/common/img_icon-legend-header.gif") no-repeat; text-indent: -13337em; }
div.legend div.legend-item div.name { font-size: 1.1em; text-transform: uppercase; padding: .6em 0; }
div.legend div.legend-item div.icon { float: left; padding-right: .5em; margin-top: .5em; }