/*
    stc/shop.css
   
    CSS classes for rendering the various shop widgets and components.
   
    Authors:
         Mark Smith <mark@dreamwidth.org>
         Janine Smith <janine@netrophic.com>
   
    Copyright (c) 2009 by Dreamwidth Studios, LLC.
   
    This program is free software; you may redistribute it and/or modify it under
    the same terms as Perl itself.  For a copy of the license, please reference
    'perldoc perlartistic' or 'perldoc perlgpl'.
*/


.shopbox, div.appwidget-shopitemgroupdisplay {
    margin: 10px;
    padding: 5px;
    min-width: 25em;
    max-width: 30em;
    min-height: 20em;
    float: left;
}

.leftybox {
    max-width: 40em;
    float: left;
    margin: 10px;
}

.shop-item-highlight {
    font-weight: bold;
}

.shop-account-status {
    font-weight: normal;
    float: right;
    width: 25em;
    padding: 5px;
    margin: 10px;
}

.shop-table {
    margin: 1em auto;
    min-width: 50em;
}

.shop-table td {
    vertical-align: top;
    padding-left: 1em;
}

.shop-table-gift {
    margin: 1em;
}

.shop-table-gift td {
    vertical-align: top;
    padding: 0.2em;
}

.error-box {
    clear: both;
}

.shop-cart-status {
    padding: 0.5em;
}

.shop-cart-status ul {
    list-style: none;
    margin: 0;
    padding-bottom: 1.5em;
}

.shop-cart-status ul li {
    float: left;
    margin-right: 1em;
}

.shop-cart {
    margin: 1em;
}

.shop-cart td, .shop-cart th {
    padding: 0.5em;
    text-align: center;
}

.shop-cart td.total {
    font-weight: bold;
    text-align: right;
}

.shop-cart-btn {
    margin-left: 1em;
}

.shop-footnote {
    font-size: smaller;
}

.ccrow {
    padding: 3px;
}

.shop-points-status {
    margin: 20px 0;
    padding: 0.5em;
    font-size: larger;
}

.status-bar-options {
    float: right;
}

.status-bar-option {
    margin-left: 1em;
    font-weight: bold;
}

.shop-category {
    margin-top: 20px;
}

.shop-category-title {
    font-size: larger;
    font-weight: bold;
}

.shop-category-items {
    margin-left: 10px;
}

.shop-category-item {
    margin-left: 30px;
}

#shop-status-bar {
    margin: 20px 0;
    padding: 0.5em;
    font-size: larger;
}

.shop-status-left {
    width: 25%;
    float: left;
    text-align: left;
}

.shop-status-right {
    width: 25%;
    float: right;
    text-align: right;
}

.shop-status-middle {
    float: left;
    width: 50%;
    text-align: center;
}

.foru .ljuser {
    display: inline-block;
    margin-bottom: 1rem;
}

div.row.bottom-block {
    margin-top: 2em;
}