@pixelated-tech/components 3.1.4

package/dist/components/seo/sitemap.js

@@ -0,0 +1,171 @@
+import PropTypes from "prop-types";
+import { getAllRoutes, getAllImages } from "./metadata";
+import { getWordPressItems } from "../cms/wordpress.functions";
+import { getContentfulFieldValues } from "../cms/contentful.delivery";
+import { getEbayAppToken, getEbayItemsSearch } from "../shoppingcart/ebay.functions";
+import { getFullPixelatedConfig } from '../config/config';
+export async function createPageURLs(myRoutes, origin) {
+    const sitemap = [];
+    // const origin = await getOrigin();
+    const allRoutes = getAllRoutes(myRoutes, "routes");
+    for (const route of allRoutes) {
+        if (route.path.substring(0, 4).toLowerCase() !== 'http') {
+            sitemap.push({
+                url: `${origin}${route.path}`,
+                lastModified: (new Date()).toISOString(),
+                changeFrequency: "hourly",
+                priority: 1.0,
+            });
+        }
+    }
+    return sitemap;
+}
+export async function createImageURLs(origin) {
+    const sitemap = [];
+    // const origin = await getOrigin();
+    const images = getAllImages();
+    const newImages = images.map((image) => { return (`${origin}${image}`); });
+    sitemap.push({
+        url: `${origin}/images`, // Provide a valid URL for the images
+        images: newImages,
+    });
+    return sitemap;
+}
+export async function createWordPressURLs(props) {
+    const sitemap = [];
+    const blogPosts = await getWordPressItems({ site: props.site });
+    for await (const post of blogPosts ?? []) {
+        sitemap.push({
+            url: post.URL,
+            lastModified: post.modified ?? new Date().toISOString(),
+            changeFrequency: "hourly",
+            priority: 1.0,
+        });
+    }
+    return sitemap;
+}
+createContentfulURLs.propTypes = {
+    apiProps: PropTypes.shape({
+        base_url: PropTypes.string.isRequired,
+        space_id: PropTypes.string.isRequired,
+        environment: PropTypes.string.isRequired,
+        delivery_access_token: PropTypes.string.isRequired,
+    }).isRequired,
+    origin: PropTypes.string.isRequired,
+};
+export async function createContentfulURLs(props) {
+    const sitemap = [];
+    // const origin = await getOrigin();
+    const contentType = "carouselCard";
+    const field = "title";
+    const providerContentfulApiProps = getFullPixelatedConfig()?.contentful;
+    const mergedApiProps = { ...providerContentfulApiProps, ...props.apiProps };
+    const contentfulTitles = await getContentfulFieldValues({
+        apiProps: mergedApiProps, contentType: contentType, field: field
+    });
+    for (const title of contentfulTitles) {
+        sitemap.push({
+            url: `${props.origin}/projects/${encodeURIComponent(title)}`,
+            lastModified: (new Date()).toISOString(),
+            changeFrequency: "hourly",
+            priority: 1.0,
+        });
+    }
+    return sitemap;
+}
+createContentfulPageBuilderURLs.propTypes = {
+    apiProps: PropTypes.shape({
+        base_url: PropTypes.string.isRequired,
+        space_id: PropTypes.string.isRequired,
+        environment: PropTypes.string.isRequired,
+        delivery_access_token: PropTypes.string.isRequired,
+    }).isRequired,
+    origin: PropTypes.string.isRequired,
+};
+export async function createContentfulPageBuilderURLs(props) {
+    const sitemap = [];
+    const contentType = "page";
+    const field = "pageName";
+    const pageNames = await getContentfulFieldValues({
+        apiProps: props.apiProps, contentType: contentType, field: field
+    });
+    for (const pageName of pageNames) {
+        sitemap.push({
+            url: `${props.origin}/${encodeURIComponent(pageName)}`,
+            lastModified: (new Date()).toISOString(),
+            changeFrequency: "hourly",
+            priority: 1.0,
+        });
+    }
+    return sitemap;
+}
+const defaultEbayProps = {
+    proxyURL: "https://proxy.pixelated.tech/prod/proxy?url=",
+    baseTokenURL: 'https://api.ebay.com/identity/v1/oauth2/token',
+    tokenScope: 'https://api.ebay.com/oauth/api_scope',
+    baseSearchURL: 'https://api.ebay.com/buy/browse/v1/item_summary/search',
+    qsSearchURL: '?q=sunglasses&fieldgroups=full&category_ids=79720&aspect_filter=categoryId:79720&filter=sellers:{pixelatedtech}&sort=newlyListed&limit=200',
+    baseItemURL: 'https://api.ebay.com/buy/browse/v1/item',
+    qsItemURL: '/v1|295959752403|0?fieldgroups=PRODUCT,ADDITIONAL_SELLER_DETAILS',
+    appId: 'BrianWha-Pixelate-PRD-1fb4458de-1a8431fe', // clientId
+    appCertId: 'PRD-fb4458deef01-0d54-496a-b572-a04b', // clientSecret
+    sbxAppId: 'BrianWha-Pixelate-SBX-ad482b6ae-8cb8fead', // Sandbox
+    sbxAppCertId: '',
+    globalId: 'EBAY-US',
+};
+export async function createEbayItemURLs(origin) {
+    const sitemap = [];
+    await getEbayAppToken({ apiProps: defaultEbayProps })
+        .then(async (response) => {
+        await getEbayItemsSearch({ apiProps: defaultEbayProps, token: response })
+            .then((items) => {
+            for (const item of items.itemSummaries) {
+                sitemap.push({
+                    url: `${origin}/store/${item.legacyItemId}`,
+                    lastModified: item.itemCreationDate,
+                    changeFrequency: "hourly",
+                    priority: 1.0,
+                });
+            }
+        });
+    });
+    return sitemap;
+}
+export function jsonToSitemapEntries(entries) {
+    return entries.map((entry) => `<url>
+				<loc>${entry.url}</loc>
+				<lastmod>${entry.lastModified}</lastmod>
+				<changefreq>${entry.changeFrequency}</changefreq>
+				<priority>${entry.priority}</priority>
+			</url>`).join('');
+}
+export async function createImageURLsFromJSON(origin, jsonPath = 'public/site-images.json') {
+    const sitemap = [];
+    try {
+        let urlPath = jsonPath;
+        if (urlPath.startsWith('public/'))
+            urlPath = urlPath.slice('public/'.length);
+        if (!urlPath.startsWith('/'))
+            urlPath = `/${urlPath}`;
+        const resp = await fetch(`${origin}${urlPath}`);
+        if (!resp.ok)
+            return sitemap;
+        const imgs = await resp.json();
+        if (!Array.isArray(imgs))
+            return sitemap;
+        // Use an array of URL strings so the sitemap serializer writes the URL text
+        const newImages = imgs.map(i => {
+            const rel = i.startsWith('/') ? i : `/${i}`;
+            return `${origin}${rel}`;
+        });
+        sitemap.push({
+            url: `${origin}/images`,
+            images: newImages,
+        });
+    }
+    catch (e) {
+        if (typeof console !== 'undefined')
+            console.warn('createImageURLsFromJSON failed', e);
+    }
+    return sitemap;
+}

package/dist/components/shoppingcart/ebay.components.js

@@ -0,0 +1,203 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import PropTypes from "prop-types";
+import { Carousel } from '../carousel/carousel';
+import { SmartImage } from "../cms/cloudinary.image";
+import { defaultEbayProps, ebaySunglassCategory, getEbayItems, getEbayItem, getShoppingCartItem } from "./ebay.functions";
+import { AddToShoppingCart } from "./shoppingcart.functions";
+import { AddToCartButton, /* GoToCartButton */ ViewItemDetails } from "./shoppingcart.components";
+import { getCloudinaryRemoteFetchURL as getImg } from "../cms/cloudinary";
+import { Loading, ToggleLoading } from "../general/loading";
+import { usePixelatedConfig } from "../config/config.client";
+import "../../css/pixelated.grid.scss";
+import "./ebay.css";
+const debug = false;
+/* ========== EBAY ITEMS PAGE ========== */
+EbayItems.propTypes = {
+    apiProps: PropTypes.object.isRequired,
+    cloudinaryProductEnv: PropTypes.string,
+};
+export function EbayItems(props) {
+    // https://developer.ebay.com/devzone/finding/HowTo/GettingStarted_JS_NV_JSON/GettingStarted_JS_NV_JSON.html
+    const [items, setItems] = useState([]);
+    const [aspects, setAspects] = useState([]);
+    const [apiProps] = useState({ ...defaultEbayProps, ...props.apiProps });
+    paintItems.propTypes = {
+        items: PropTypes.array.isRequired,
+        cloudinaryProductEnv: PropTypes.string,
+    };
+    function paintItems(props) {
+        if (debug)
+            console.log("Painting Items");
+        let newItems = [];
+        for (let key in props.items) {
+            const item = props.items[key];
+            const newItem = _jsx(EbayListItem, { item: item, cloudinaryProductEnv: props.cloudinaryProductEnv }, item.legacyItemId);
+            newItems.push(newItem);
+        }
+        return newItems;
+    }
+    fetchItems.propTypes = {
+        aspectName: PropTypes.string,
+        aspectValue: PropTypes.string,
+    };
+    async function fetchItems(props) {
+        try {
+            const myApiProps = { ...apiProps };
+            if (props) {
+                const params = new URLSearchParams(myApiProps.qsSearchURL);
+                let aspects = params.get('aspect_filter');
+                const newAspects = props.aspectName + ":{" + props.aspectValue + "}";
+                aspects = (aspects) ? aspects + "," + newAspects : newAspects;
+                params.set('aspect_filter', aspects);
+                myApiProps.qsSearchURL = "?" + decodeURIComponent(params.toString());
+            }
+            const response = await getEbayItems({ apiProps: myApiProps });
+            if (debug)
+                console.log("eBay API Get Items Data", response);
+            setItems(response.itemSummaries);
+            setAspects(response.refinement.aspectDistributions);
+        }
+        catch (error) {
+            console.error("Error fetching eBay items:", error);
+        }
+    }
+    useEffect(() => {
+        if (debug)
+            console.log("Running useEffect");
+        ToggleLoading(true);
+        fetchItems();
+        ToggleLoading(false);
+    }, []);
+    if (items.length > 0) {
+        return (_jsxs(_Fragment, { children: [_jsx(Loading, {}), _jsx("div", { className: "ebayItemsHeader", children: _jsx(EbayItemHeader, { title: `${items.length} Store Items` }) }), _jsx("div", { className: "ebayItemsHeader", children: _jsx(EbayListFilter, { aspects: aspects, callback: fetchItems }) }), _jsx("div", { id: "ebayItems", className: "ebayItems", children: paintItems({ items: items, cloudinaryProductEnv: props.cloudinaryProductEnv }) })] }));
+    }
+    else {
+        return (_jsx("div", { className: "section-container", children: _jsx("div", { id: "ebayItems", className: "ebayItems", children: _jsx(Loading, {}) }) }));
+    }
+}
+EbayListFilter.propTypes = {
+    aspects: PropTypes.any.isRequired,
+    callback: PropTypes.func.isRequired,
+};
+export function EbayListFilter(props) {
+    const aspectNames = props.aspects.map((aspect) => (aspect.localizedAspectName)).sort();
+    let aspectNamesValues = {};
+    for (let key in props.aspects) {
+        const aspect = props.aspects[key];
+        const thisAspectName = aspect.localizedAspectName;
+        const aspectNameValues = aspect.aspectValueDistributions.map((aspectValue) => {
+            return (aspectValue.localizedAspectValue);
+        }).sort();
+        aspectNamesValues[thisAspectName] = aspectNameValues;
+    }
+    function onAspectNameChange() {
+        const aspectName = document.getElementById("aspectName");
+        const aspectValue = document.getElementById("aspectValue");
+        const aspectNameValues = aspectNamesValues[aspectName.value];
+        aspectNameValues.unshift("");
+        aspectValue.options.length = 0;
+        aspectNameValues.forEach((aspectValueString) => {
+            const option = document.createElement('option');
+            option.textContent = aspectValueString;
+            option.value = aspectValueString;
+            aspectValue.appendChild(option);
+        });
+    }
+    function onAspectValueChange() {
+        // const aspectName = document.getElementById("aspectName") as HTMLSelectElement;
+        // const aspectValue = document.getElementById("aspectValue") as HTMLSelectElement;
+        return;
+    }
+    function handleAspectFilter() {
+        const aspectName = document.getElementById("aspectName");
+        const aspectValue = document.getElementById("aspectValue");
+        if (aspectName.value && aspectValue.value) {
+            props.callback({ aspectName: aspectName.value, aspectValue: aspectValue.value });
+        }
+    }
+    return (_jsxs("form", { name: "ebayItemsFilter", id: "ebayItemsFilter", children: [_jsxs("span", { className: "filterInput", children: [_jsx("label", { htmlFor: "aspectName", children: "Aspect:" }), _jsxs("select", { id: "aspectName", onChange: onAspectNameChange, children: [_jsx("option", { value: "" }), aspectNames.map((aspectName, index) => _jsx("option", { value: aspectName, children: aspectName }, index))] })] }), _jsxs("span", { className: "filterInput", children: [_jsx("label", { htmlFor: "aspectValue", onChange: onAspectValueChange, children: "Value:" }), _jsx("select", { id: "aspectValue", children: _jsx("option", { value: "" }) })] }), _jsx("span", { className: "filterInput", children: _jsx("button", { type: "button", onClick: handleAspectFilter, children: "Filter" }) })] }));
+}
+EbayListItem.propTypes = {
+    item: PropTypes.any.isRequired,
+    cloudinaryProductEnv: PropTypes.string,
+};
+export function EbayListItem(props) {
+    const thisItem = props.item;
+    // const itemURL = thisItem.itemWebUrl;
+    const itemURL = "./store/" + thisItem.legacyItemId;
+    const itemURLTarget = "_self"; /* "_blank" */
+    const itemImage = (props.cloudinaryProductEnv)
+        ? getImg({ url: thisItem.thumbnailImages[0].imageUrl, product_env: props.cloudinaryProductEnv })
+        : thisItem.thumbnailImages[0].imageUrl;
+    const shoppingCartItem = getShoppingCartItem({ thisItem: thisItem, cloudinaryProductEnv: props.cloudinaryProductEnv });
+    // CHANGE EBAY URL TO LOCAL EBAY ITEM DETAIL URL
+    shoppingCartItem.itemURL = itemURL;
+    const config = usePixelatedConfig();
+    const itemImageComponent = _jsx(SmartImage, { src: itemImage, title: thisItem.title, alt: thisItem.title, cloudinaryEnv: props.cloudinaryProductEnv ?? undefined, cloudinaryDomain: config?.cloudinary?.baseUrl ?? undefined, cloudinaryTransforms: config?.cloudinary?.transforms ?? undefined });
+    // <img src={itemImage} title={thisItem.title} alt={thisItem.title} />
+    return (_jsxs("div", { className: "ebayItem row-12col", children: [_jsx("div", { className: "ebayItemPhoto grid-s1-e5", children: itemURL
+                    ? _jsx("a", { href: itemURL, target: itemURLTarget, rel: "noopener noreferrer", children: itemImageComponent })
+                    : (itemImageComponent) }), _jsxs("div", { className: "ebayItemBody grid-s5-e13", children: [_jsx("div", { className: "ebayItemHeader", children: itemURL
+                            ? _jsx(EbayItemHeader, { url: itemURL, target: itemURLTarget, title: thisItem.title })
+                            : _jsx(EbayItemHeader, { title: thisItem.title }) }), _jsxs("div", { className: "ebayItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.legacyItemId] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.categories[0].categoryId == ebaySunglassCategory ? 1 : 10] }), _jsxs("div", { children: [_jsx("b", { children: "Condition: " }), thisItem.condition] }), _jsxs("div", { children: [_jsx("b", { children: "Seller: " }), thisItem.seller.username, " (", thisItem.seller.feedbackScore, ")", _jsx("br", {}), thisItem.seller.feedbackPercentage, "% positive"] }), _jsxs("div", { children: [_jsx("b", { children: "Buying Options: " }), thisItem.buyingOptions[0]] }), _jsxs("div", { children: [_jsx("b", { children: "Location: " }), thisItem.itemLocation.postalCode + ", " + thisItem.itemLocation.country] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.itemCreationDate] })] }), _jsx("div", { className: "ebayItemPrice", children: itemURL
+                            ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.price.value + " " + thisItem.price.currency] })
+                            : "$" + thisItem.price.value + " " + thisItem.price.currency }), _jsx("br", {}), _jsxs("div", { className: "ebayItemAddToCart", children: [_jsx(ViewItemDetails, { href: "/store", itemID: thisItem.legacyItemId }), _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.legacyItemId })] })] })] }));
+}
+EbayItemHeader.propTypes = {
+    title: PropTypes.string.isRequired,
+    url: PropTypes.string,
+    target: PropTypes.string,
+};
+export function EbayItemHeader(props) {
+    return (_jsx("span", { children: props.url
+            ? _jsx("a", { href: props.url, target: props.target ?? '', rel: "noopener noreferrer", children: _jsx("h2", { className: "", children: props.title }) })
+            : _jsx("h2", { className: "", children: props.title }) }));
+}
+/* ========== EBAY ITEM DETAIL PAGE ========== */
+EbayItemDetail.propTypes = {
+    apiProps: PropTypes.object.isRequired,
+    itemID: PropTypes.string.isRequired, // currently not used
+    cloudinaryProductEnv: PropTypes.string,
+};
+export function EbayItemDetail(props) {
+    const [item, setItem] = useState({});
+    const [apiProps] = useState({ ...defaultEbayProps, ...props.apiProps });
+    useEffect(() => {
+        if (debug)
+            console.log("Running useEffect");
+        async function fetchItem() {
+            try {
+                const response = await getEbayItem({ apiProps: apiProps });
+                if (debug)
+                    console.log("eBay API Get Items Data", response);
+                setItem(response);
+            }
+            catch (error) {
+                console.error("Error fetching eBay items:", error);
+            }
+        }
+        fetchItem();
+    }, []);
+    if (item && Object.keys(item) && Object.keys(item).length > 0) {
+        const thisItem = { ...item };
+        if (debug)
+            console.log(thisItem);
+        const images = thisItem.additionalImages.map((thisImage) => ({ image: (props.cloudinaryProductEnv)
+                ? getImg({ url: thisImage.imageUrl, product_env: props.cloudinaryProductEnv })
+                : thisImage.imageUrl }));
+        const itemURL = undefined;
+        const itemURLTarget = "_self"; /* "_blank" */
+        const shoppingCartItem = getShoppingCartItem({ thisItem: thisItem, cloudinaryProductEnv: props.cloudinaryProductEnv });
+        shoppingCartItem.itemURL = itemURL;
+        return (_jsx(_Fragment, { children: _jsxs("div", { className: "ebayItem row-12col", children: [_jsx("div", { className: "ebayItemHeader grid-s1-e13", children: itemURL
+                            ? _jsx(EbayItemHeader, { url: itemURL, title: thisItem.title })
+                            : _jsx(EbayItemHeader, { title: thisItem.title }) }), _jsx("br", {}), _jsx("div", { className: "ebayItemPhotoCarousel grid-s1-e7", children: _jsx(Carousel, { cards: images, draggable: true, imgFit: "contain" }) }), _jsxs("div", { className: "grid-s7-e13", children: [_jsx("div", { className: "ebayItemDetails grid12", children: _jsx("div", { dangerouslySetInnerHTML: { __html: thisItem.description.replace(/(<br\s*\/?>\s*){2,}/gi, '') } }) }), _jsx("br", {}), _jsxs("div", { className: "ebayItemDetails grid12", children: [_jsxs("div", { children: [_jsx("b", { children: "Item ID: " }), thisItem.legacyItemId] }), _jsxs("div", { children: [_jsx("b", { children: "Quantity: " }), thisItem.categoryId == ebaySunglassCategory ? 1 : 10] }), _jsxs("div", { children: [_jsx("b", { children: "Category: " }), thisItem.categoryPath] }), _jsxs("div", { children: [_jsx("b", { children: "Condition: " }), thisItem.condition] }), _jsxs("div", { children: [_jsx("b", { children: "Seller: " }), thisItem.seller.username, " (", thisItem.seller.feedbackScore, ")", _jsx("br", {}), thisItem.seller.feedbackPercentage, "% positive"] }), _jsxs("div", { children: [_jsx("b", { children: "Buying Options: " }), thisItem.buyingOptions[0]] }), _jsxs("div", { children: [_jsx("b", { children: "Location: " }), thisItem.itemLocation.city + ", " + thisItem.itemLocation.stateOrProvince] }), _jsxs("div", { children: [_jsx("b", { children: "Listing Date: " }), thisItem.itemCreationDate] }), _jsx("br", {})] }), _jsx("div", { className: "ebayItemPrice", children: itemURL
+                                    ? _jsxs("a", { href: itemURL, target: itemURLTarget, rel: "noreferrer", children: ["$", thisItem.price.value + " " + thisItem.price.currency] })
+                                    : "$" + thisItem.price.value + " " + thisItem.price.currency }), _jsx("br", {}), _jsx("div", { className: "ebayItemAddToCart", children: _jsx(AddToCartButton, { handler: AddToShoppingCart, item: shoppingCartItem, itemID: thisItem.legacyItemId }) })] })] }) }));
+    }
+    else {
+        return (_jsx(_Fragment, { children: _jsx("div", { id: "ebayItems", className: "ebayItems", children: _jsx("div", { className: "centered", children: "Loading..." }) }) }));
+    }
+}

package/dist/components/shoppingcart/ebay.css

@@ -0,0 +1,131 @@
+/* ========================================
+===============    EBAY     ===============
+======================================== */
+
+.ebayItems {
+    text-align: center;
+}
+
+@media screen and (max-width: 480px) {
+	.ebayItems {
+		padding: 20px;
+	}
+}
+
+.ebayItemsHeader {
+    font-size: 1.25em;
+    font-weight: bold;
+    text-align: center;
+}
+
+#ebayItemsFilter {
+    font-size: 0.8em;
+    margin: 20px auto;
+}
+
+@media screen and (max-width: 480px) {
+    #ebayItemsFilter {
+        text-align: left;
+    }
+	.filterInput { 
+        display: block;
+    }
+}
+
+.ebayItem {
+    border: 1px solid #DDD;
+    text-align: left;
+    padding: 20px 5px !important;
+}
+
+@media screen and (max-width: 480px) {
+	.ebayItem {
+		text-align: center;
+	}
+}
+
+.ebayItemBody {
+    grid-auto-rows: min-content;
+    margin: 10px 0;
+}
+
+.ebayItemHeader {
+    margin: 0 auto;
+}
+
+.ebayItemHeader h2 {
+    font-size: 1.25em;
+    font-weight: bold;
+}
+
+/* ===== PHOTO CAROUSEL ON EBAY ITEM DETAIL PAGE ===== */
+.ebayItemPhotoCarousel {
+    width: 100%;
+    height: 400px;
+}
+
+.ebayItemPhotoCarousel { 
+
+    .carouselContainer {
+        background: none;
+        border: none;
+        height: 400px;
+    }
+
+    .carouselCardsContainer {
+        height: 100%;
+    }
+
+    .carouselButtons,
+    .carouselButton {
+        display: inline-block;
+    }
+
+}
+
+@media screen and (max-width: 480px) {
+	.ebayItemPhotoCarousel {
+        height: 350px;
+    }
+    .ebayItemPhotoCarousel .carouselContainer {
+        height: 300px;
+    }
+}
+
+.ebayItemPhoto {
+    overflow: hidden;
+}
+
+.ebayItemPhoto img {
+    padding: 10px 0;
+    width: 100%;
+}
+
+.ebayItems .ebayItemDetails {
+    display: none;
+}
+
+.ebayItemDetails {
+    padding-bottom: 10px;
+}
+
+@media screen and (max-width: 480px) {
+	.ebayItemDetails {
+        text-align: left;
+    }
+}
+
+.ebayItemPrice{
+    font-size: 1.5em;
+    font-weight: bold;
+    /* background-image: url(/images/pix/pix-bg-sm-bw.gif); */
+    border: 2px solid #CCC;
+    border-radius: 5px;
+    display: inline-block;
+	margin: 0 auto;
+    padding: 5px 20px;
+    /* border: 1px solid #999;
+    -moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px; */
+}