/* 
GREEN: #10ae5a
  RED: #C80032
 BLUE: #0096ff
 DARK BLUE: #0064b4
*/

/* RESETS */
/* ----------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ---------------------------------------------------------------- */
/* Boxy PopUp                                                       */
/* ---------------------------------------------------------------- */
.boxy-wrapper { position: absolute; }
.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

.boxyPopUp
{
    background: url(popUpBackground.png); 
    height: 181px; 
    padding: 0; 
    position: relative;
    width: 400px;
}
    .boxyPopUp .message
    {
        color: White;
        font-size: 18pt;
        line-height: 20pt;
        padding: 20px 20px 0px 20px;
        text-align: center;
    }
    .boxyPopUp .btnYes
    {
        background: url(popUpYesButton.png);
        bottom: 20px;
        height: 45px;
        position: absolute;
        right: 25px;
        width: 162px;
    }
        .boxyPopUp .btnYesClick
        {
            background: url(popUpYesButton_click.png);
        }
    .boxyPopUp .btnNo
    {
        background: url(popUpNoButton.png);
        bottom: 20px;
        height: 45px;
        left: 25px;
        position: absolute;
        width: 162px;
    }
        .boxyPopUp .btnNoClick
        {
            background: url(popUpNoButton_click.png);
        }
    .boxyPopUp .btnOk
    {
        background-image: url(buttonGreen.png);
        background-position: center center;
        background-repeat: no-repeat;
        bottom: 20px;
        color: white;
        display: inline-block;
        font-size: 18pt;
        height: 76px;
        line-height: 76px;
        position: absolute;
        right: 25px;
        text-align: center;
        vertical-align: middle;
        width: 162px;
    }
        .boxyPopUp .btnOkClick 
        {
            background-image: url(buttonLightBlue.png);
        }

/* ---------------------------------------------------------------- */
/* Global                                                           */
/* ---------------------------------------------------------------- */
body {
    background: #444444;
    /*font-family: Gill Sans MT;*/
    font-family: Arial;
}

.container
{
    background: white;
    height: 768px;
    left: 50%;
    margin-left: -512px;
    overflow: hidden;
    position: absolute;
    width: 1024px;
}

.btnHome
{
    background-image: url(homeButton.png);
    background-repeat: no-repeat;
    background-position: 6px 7px;
    display: block;
    height: 59px;
    width: 111px;
}
    .btnHomeClick
    {
        background-image: url(homeButton_click.png);
    }
.btnMyBids
{
    background-image: url(myBidsButton.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 76px;
    width: 162px;
}
    .btnMyBidsClick
    {
        background-image: url(myBidsButton_click.png);
    }
.btnNoBids
{
    background-image: url(noBidsButton.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 76px;
    width: 162px;
}
    .btnNoBidsClick
    {
        background-image: url(noBidsButton_click.png);
    }
.btnClose
{
    background-image: url(closeButton.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 76px;
    width: 162px;
}
    .btnCloseClick
    {
        background-image: url(closeButton_click.png);
    }

/* ---------------------------------------------------------------- */
/* SetupPage                                                        */
/* ---------------------------------------------------------------- */
#setupPage
{
}
    #setupPage div.header
    {
        background: white;
        height: 60px;
        position: absolute;
        width: 1024px;
    }
        #setupPage div.header h1
        {
            color: #0064b4;
            font-size: 20pt;
            font-weight: bold;
            height: 59px;
            line-height: 59px;
            overflow: hidden;
            padding-left: 20px;
            vertical-align: middle;
        }
    #setupPage .button
    {
        background-image: url(buttonGray.png);
        background-position: center center;
        background-repeat: no-repeat;
        color: white;
        display: inline-block;
        font-size: 18pt;
        height: 76px;
        line-height: 76px;
        margin: 0px 0px 0px 40px;
        text-align: center;
        vertical-align: middle;
        width: 162px;
    }
        #setupPage .button.selected
        {
            background-image: url(buttonBlue.png);
        }
        #setupPage .button.clicked
        {
            background-image: url(buttonLightBlue.png);
        }
    #setupPage div.main
    {
        background: black;
        color: White;
        height: 630px;
        overflow: hidden;
        position: absolute;
        top: 60px;
        width: 1024px;
    }
        #setupPage div.main div.row
        {
            border-bottom: solid 1px #666666;
            padding: 10px 0px 10px 20px;
        }
            #setupPage div.main div.row label
            {
                display: inline-block;
                font-size: 18pt;
                text-align: right;
                width: 160px;
            }
            
    #setupPage div.ok
    {
        bottom: 0px;
        background-image: url(buttonBlue.png);
        position: absolute;
        right: 20px;
    }
    #setupPage .keyPadLabel
    {
        bottom: 438px;
        color: #C80032;
        font-size: 18pt;
        font-weight: bold;
        left: 589px;
        line-height: 26px;
        position: absolute;
    }
    

/* ---------------------------------------------------------------- */
/* LoadingPage                                                      */
/* ---------------------------------------------------------------- */
#loadingPage
{
}
    #loadingPage img
    {
        left: 242px;
        position: absolute;
        top: 257px;
    }
    #loadingPage h1
    {
        font-size: 24pt;
        font-weight: bold;
        left: 312px;
        position: absolute;
        top: 270px;
        width: 712px;
    }
        #loadingPage h1.finished
        {
            left: 0px;
            text-align: center;
            width: 100%;
        }
        #loadingPage h1 span
        {
            font-size: 14pt;
            font-weight: normal;
            margin-left: 30px;
        }
    #loadingPage .progressBar
    {
        border: solid 1px #cccccc;
        display: none;
        height: 14px;
        left: 312px;
        position: absolute;
        top: 312px;
        width: 400px;
    }
    #loadingPage .version
    {
        bottom: 20px;
        color: #666666;
        font-size: .9em;
        position: absolute;
        right: 20px;
    }
    .ui-progressbar { height:2em; text-align: left; }
    .ui-progressbar .ui-progressbar-value {margin: 0px; height:100%; background-color: #0096ff; }

/* ---------------------------------------------------------------- */
/* EnterNumberPage                                                  */
/* ---------------------------------------------------------------- */
#enterNumberPage label
    {
        bottom: 438px;
        color: #C80032;
        font-size: 18pt;
        font-weight: bold;
        left: 589px;
        line-height: 26px;
        position: absolute;
    }

/* ---------------------------------------------------------------- */
/* NoItemsPage                                                      */
/* ---------------------------------------------------------------- */
#noItemsPage .header
    {
        background: white;
        border-bottom: 1px solid black;
        height: 59px;
        position: absolute;
        width: 1024px;
    }
        #noItemsPage .header h1
        {
            color: #0064b4;
            font-size: 20pt;
            font-weight: bold;
            height: 59px;
            line-height: 59px;
            overflow: hidden;
            padding-left: 20px;
            vertical-align: middle;
        }
        #noItemsPage p
        {
            font-size: 1.3em;
            line-height: 1.6em;
            margin: 100px 240px 40px 240px;
            text-align: center;
        }
        #noItemsPage span.btnRefresh
        {
            background-position: center center;
            background-image: url(categoryButtonBlue.png);
            background-repeat: no-repeat;
            color: White;
            display: block;
            font-size: 18pt;
            font-weight: bold;
            height: 70px;
            line-height: 74px;
            margin-left: 256px;
            text-align: center;
            vertical-align: middle;
            width: 512px;
        }
            #noItemsPage span.btnRefreshClick
            {
                background-image: url(categoryButton_click.png);
            }
/* ---------------------------------------------------------------- */
/* CategoriesPage                                                   */
/* ---------------------------------------------------------------- */
#categoriesPage
{
}
    #categoriesPage div.header
    {
        background: white;
        height: 60px;
        position: absolute;
        width: 1024px;
    }
        #categoriesPage div.header h1
        {
            color: #0064b4;
            font-size: 20pt;
            font-weight: bold;
            height: 59px;
            line-height: 59px;
            overflow: hidden;
            padding-left: 20px;
            vertical-align: middle;
        }
    #categoriesPage div.categories
    {
        background: black;
        color: White;
        height: 630px;
        overflow: hidden;
        position: absolute;
        top: 60px;
        width: 1024px;
    }
    #categoriesPage div.categories div.column1
    {
        height: 630px;
        left: 0px;
        position: absolute;
        top: 0px;
        width: 512px;
    }
    #categoriesPage div.categories div.column2
    {
        height: 630px;
        left: 512px;
        position: absolute;
        top: 0px;
        width: 512px;
    }
        #categoriesPage div.categories div.category
        {
            background-position: center center;
            background-image: url(categoryButtonBlue.png);
            background-repeat: no-repeat;
            float: left;
            font-size: 18pt;
            font-weight: bold;
            height: 70px;
            line-height: 74px;
            text-align: center;
            vertical-align: middle;
            width: 512px;
        }
        #categoriesPage div.categories div.moreCategories
        {
            background-image: url(categoryButtonGray.png);
            position: absolute;
            bottom: 0px;
            right: 0px;
        }
        #categoriesPage div.categories div.multiItemCategory
        {
            background-image: url(categoryButtonRed.png);
        }
        #categoriesPage div.categories div.donationCategory
        {
            background-image: url(categoryButtonGreen.png);
        }
            #categoriesPage div.categories div.category_click
            {
                background-image: url(categoryButton_click.png);
            }
        
    #categoriesPage div.footer
    {
        background: white;
        height: 77px;
        position: absolute;
        top: 691px;
        width: 1024px;
    }
        #categoriesPage .footer .poweredBy
        {
            top: -40px;
            color: #666666;
            font-size: .8em;
            line-height: 1.2em;
            position: absolute;
            right: 10px;
            text-align: right;
        }
        #categoriesPage .footer .btnMyBids
        {
            background-image: url(myBidsButtonSmall.png);
            left: 15px;
            position: absolute;
            top: 0px;
            width: 140px;
        }
            #categoriesPage .footer .btnMyBidsClick
            {
                background-image: url(myBidsButtonSmall_click.png);
            }
        #categoriesPage .footer .btnNoBids
        {
            background-image: url(noBidsButtonSmall.png);
            left: 295px;
            position: absolute;
            top: 0px;
            width: 140px;
        }
            #categoriesPage .footer .btnNoBidsClick
            {
                background-image: url(noBidsButtonSmall_click.png);
            }
        #categoriesPage .footer .btnEnterNumber
        {
            background-image: url(findItemButtonSmall.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 155px;
            position: absolute;
            top: 0px;
            width: 140px;
        }
            #categoriesPage .footer .btnEnterNumberClick
            {
                background-image: url(findItemButtonSmall_click.png);
            }
/* ---------------------------------------------------------------- */
/* BrowsePage                                                       */
/* ---------------------------------------------------------------- */
#browsePage
{
    display: none;
}
    #browsePage .header
    {
        background-color: white;
        background-image: url(AuctionSourceLogo.png);
        background-position: center top;
        background-repeat: no-repeat;
        border-bottom: 1px solid black;
        height: 59px;
        position: absolute;
        width: 1024px;
    }
        #browsePage .header .btnHome
        {
            left: 0px;
            position: absolute;
            top: 0px;
        }
        #browsePage .header div
        {
            color: #0064b4;
            font-size: 20pt;
            font-weight: bold;
            height: 59px;
            left: 116px;
            line-height: 59px;
            overflow: hidden;
            position: absolute;
            text-transform: uppercase;
            vertical-align: middle;
            width: 350px;
        }
            #browsePage .header div h1
            {
                line-height: 29px;
                position: inherit;
                top: inherit;
            }
                #browsePage .header div h1 span
                {
                    color: #10ae5a;
                    font-size: 16pt;
                    font-weight: normal;
                    height: 26px;
                    padding: 0px 0px 0px 12px;
                }
        #browsePage .header label
        {
            font-size: 19pt;
            font-weight: bold;
            height: 59px;
            line-height: 59px;
            position: absolute;
            text-align: right;
            vertical-align: middle;
        }
            #browsePage .header label.label1
            {
                right: 327px;
            }
            #browsePage .header label.label2
            {
                right: 191px;
            }
            #browsePage .header label.label3
            {
                right: 15px;
            }
    
    #browsePage .pageTurner
    {
        height: 630px;
        position: absolute;
        top: 61px;
        width: 1024px;
    }
    
    #browsePage .page
    {
        background-color: #ffffff;
        display: block;
        position: absolute;
    }
    #browsePage .page.ad 
    {
        background-repeat: no-repeat;
        background-position: center center;
        height: 768px;
        top: -61px;
        width: 1024px;
        z-index: 5;
    }
    #browsePage .page.ad div.img
    {
        background-repeat: no-repeat;
        background-position: center center;
        height: 692px;
        width: 1024px;
    }
    #browsePage .page.ad div.text
    {
        font-size: 36pt;
        padding: 60px;
        text-align: center;
    }
    #browsePage .page.ad h1.grandTotal
    {
        background: #0064b4;
        bottom: 0px;
        color: White;
        height: 76px;
        line-height: 76px;
        font-size: 36pt;
        font-weight: bold;
        position: absolute;
        text-align: center;
        width: 1024px;
    }
        #browsePage .page .item
        {
            background: #ffffff url(itemBorderBrowse.png);
            height: 70px;
            position: relative;
            width: 1024px;
        }
            #browsePage .page .item span.img 
            {
                height: 60px;
                left: 5px;
                line-height: 60px;
                position: absolute;
                text-align: center;
                top: 5px;
                vertical-align: middle;
                width: 90px;
            }
                #browsePage .page .item span.img img
                {
                    max-height: 60px;
                    max-width: 90px;
                }
            #browsePage .page .item .description
            {
                display: block;
                font-size: 15pt;
                height: 50px;
                left: 95px;
                line-height: 25px;
                overflow: hidden;
                padding: 10px 10px 0px 10px;
                position: absolute;
                top: 0px;
                vertical-align: middle;
                width: 343px;
                
            }
            #browsePage .page .item .btnPlaceBid
            {
                background-image: url(placeBidButton.png);
                background-position: center center;
                background-repeat: no-repeat;
                display: block;
                font-size: 18pt;
                font-weight: bold;
                height: 70px;
                line-height: 70px;
                position: absolute;
                right: 458px;
                text-align: center;
                top: 0px;
                vertical-align: middle;
                width: 108px;
            }
             #browsePage .page .item .btnPlaceBidClick
            {
                background-image: url(placeBidButton_click.png);
            }
            #browsePage .page .item .btnPurchase
            {
                background-image: url(purchaseButton.png);
            }
                #browsePage .page .item .btnPurchase.btnPlaceBidClick
                {
                    background-image: url(purchaseButton_click.png);
                }
            #browsePage .page .item .btnRaiseBid
            {
                background-image: url(raiseBidButton.png);
            }
                #browsePage .page .item .btnRaiseBidClick
                {
                    background-image: url(raiseBidButton_click.png);
                }                
            #browsePage .page .item .btnDonate
            {
                background-image: url(donateButton.png);
            }
                #browsePage .page .item .btnDonate.btnPlaceBidClick
                {
                    background-image: url(donateButton_click.png);
                }
            #browsePage .page .item .btnPlaceBidCountdown
            {
                color: White;
                background-image: url(placeBidCountdownButton.png);
                font-size: 16pt;
            }
                #browsePage .page .item .btnPlaceBidCountdown.btnPlaceBidClick
                {
                    background-image: url(placeBidCountdownButton_click.png);
                }
            #browsePage .page .item .btnPlaceBidClosing
            {
                background-image: url(closingButton.png);
            }
                #browsePage .page .item .btnPlaceBidClosing.btnPlaceBidClick
                {
                    background-image: url(closingButton_click.png);
                }
            #browsePage .page .item .btnPlaceBidClosingFinal
            {
                background-image: url(closingButtonRed.png);
            }
                #browsePage .page .item .btnPlaceBidClosingFinal.btnPlaceBidClick
                {
                    background-image: url(closingButton_click.png);
                }
            #browsePage .page .item .number
            {
                font-size: 32pt;
                font-weight: bold;
                line-height: 70px;
                position: absolute;
                right: 327px;
                text-align: right;
                vertical-align: middle;
                width: 130px;
            }
            #browsePage .page .item .highBidder
            {
                font-size: 32pt;
                font-weight: bold;
                line-height: 70px;
                overflow: hidden;
                position: absolute;
                right: 191px;
                text-align: right;
                vertical-align: middle;
                width: 110px;
            }
            #browsePage .page .item .highBid
            {
                font-size: 32pt;
                font-weight: bold;
                right: 15px;
                line-height: 70px;
                overflow: hidden;
                position: absolute;
                text-align: right;
                vertical-align: middle;
                width: 170px;
            }
        
        #browsePage .page .noBid .highBidder
        {
            color: #10ae5a;
            font-size: 20pt;
            font-weight: bold;
        }
    
    #browsePage .footer
    {
        background: white;
        border-top: solid 1px black;
        height: 76px;
        position: absolute;
        top: 691px;
        width: 1024px;
    }
        #browsePage .footer .btnMyBids
        {
            background-image: url(myBidsButtonSmall.png);
            left: 15px;
            position: absolute;
            top: 0px;
            width: 140px;
        }
            #browsePage .footer .btnMyBidsClick
            {
                background-image: url(myBidsButtonSmall_click.png);
            }

       #browsePage .footer .btnFindItem
        {
            background-image: url(findItemButtonSmall.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 155px;
            position: absolute;
            top: 0px;
            width: 140px;
        }
            #browsePage .footer .btnFindItemClick
            {
                background-image: url(findItemButtonSmall_click.png);
            }
        
        #browsePage .footer .btnNoBids
        {
            background-image: url(noBidsButtonSmall.png);
            left: 295px;
            position: absolute;
            top: 0px;
            width: 140px;
        }
            #browsePage .footer .btnNoBidsClick
            {
                background-image: url(noBidsButtonSmall_click.png);
            }

        #browsePage .footer .btnPriorPage
        {
            background-image: url(priorPageButton.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 645px;
            position: absolute;
            top: 0px;
            width: 162px;
        }
        #browsePage .footer .btnPriorPageClick
        {
            background-image: url(priorPageButton_click.png);
        }
        #browsePage .footer .btnNextPage
        {
            background-image: url(nextPageButton.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 842px;
            position: absolute;
            top: 0px;
            width: 162px;
        }
        #browsePage .footer .btnNextPageClick
        {
            background-image: url(nextPageButton_click.png);
        }
        #browsePage .footer .pageNumber
        {
            font-size: 14pt;
            height: 76px;
            line-height: 76px;
            position: absolute;
            right: 469px;
            vertical-align: middle;
        }
        
        #browsePage .footer .btnClose
        {
            left: 20px;
            position: absolute;
            top: 0px;
        }
        #browsePage.myBids .footer .btnClose
        {
            background-image: url(closeButtonNarrow.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 15px;
            position: absolute;
            top: 0px;
            width: 130px;
        }
            #browsePage.myBids .footer .btnCloseClick
            {
                background-image: url(closeButtonNarrow_click.png);
            }
        
        #browsePage .footer .btnPasscode
        {
            background-image: url(setPasscodeButton.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 155px;
            position: absolute;
            top: 0px;
            width: 162px;
        }
        #browsePage .footer .btnPasscodeClick
        {
            background-image: url(setPasscodeButton_click.png);
        }
        
        #browsePage .footer .btnSmsPhone
        {
            background-image: url(bidByPhoneButton.png);
            background-position: center center;
            background-repeat: no-repeat;
            display: block;
            height: 76px;
            left: 327px;
            position: absolute;
            top: 0px;
            width: 162px;
        }
        #browsePage .footer .btnSmsPhoneClick
        {
            background-image: url(bidByPhoneButton_click.png);
        }
        #browsePage .footer .btnSmsPhone.noPasscodeButton
        {
            left: 155px;
        }
        
        #browsePage.myBids .footer .pageNumber { display: none; }
        
    #browsePage .dragWindow
    {
        height: 630px;
        position: absolute;
        right: 0px;
        top: 61px;
        width: 440px;
        z-index: 100;
    }
    #browsePage.myBids {
    }
        #browsePage.myBids .page .item.losing
        {
            background-image: url(myBidsLosingBorder.png);
        }
        #browsePage.myBids .page .item.winning 
        {
            background-image: url(myBidsWinningBorder.png);
        }
        #browsePage.myBids .page .item.purchase 
        {
            background-image: url(myBidsPurchaseBorder.png);
        }
        #browsePage.myBids .page .item.donation 
        {
            background-image: url(itemBorderBrowse.png);
        }
        #browsePage.myBids .page .item.addressee {
            background: none;
            border-bottom: solid 1px black;
            font-size: 28px;
            font-weight: bold;
            height: 69px;
            line-height: 69px;
            padding: 0px 0px 0px 20px;
            width: 1004px;
        }
        #browsePage.myBids .page .item.winningBids {
            background: none;
            border-bottom: solid 1px black;
            height: 69px;
            padding: 0px 0px 0px 20px;
            width: 1004px;
        }
            #browsePage.myBids .page .item.winningBids h1 {
                color: #10ae5a;
                font-size: 30px;
                font-style: italic;
                font-weight: bold;
                line-height: 69px;
            }
            #browsePage.myBids .page .item.winningBids span 
            {
                color: #10ae5a;
                font-size: 14pt;
                height: 69px;
                left: 230px;
                line-height: 23px;
                position: absolute;
                top: 10px;
                width: 490px;
            }
            #browsePage.myBids .page .item.winningBids h3 
            {
                font-size: 18pt;
                height: 69px;
                left: 219px;
                line-height: 23px;
                position: absolute;
                top: 23px;
                width: 460px;
            }
        #browsePage.myBids .page .item.purchases {
            background: none;
            border-bottom: solid 1px black;
            height: 69px;
            padding: 0px 0px 0px 20px;
            width: 1004px;
        }
            #browsePage.myBids .page .item.purchases h1 {
                color: #0064b4;
                font-size: 30px;
                font-style: italic;
                font-weight: bold;
                line-height: 69px;
            }
            #browsePage.myBids .page .item.purchases label
            {
                font-size: 19pt;
                font-weight: bold;
                position: absolute;
                text-align: right;
                bottom: 20px;
                vertical-align: middle;
            }
            #browsePage.myBids .page .item.purchases label.label1
            {
                right: 327px;
            }
            #browsePage.myBids .page .item.purchases label.label2
            {
                right: 171px;
            }
            #browsePage.myBids .page .item.purchases label.label3
            {
                right: 15px;
            }
        #browsePage.myBids .page .item.donations {
            background: none;
            border-bottom: solid 1px black;
            height: 69px;
            padding: 0px 0px 0px 20px;
            width: 1004px;
        }
            #browsePage.myBids .page .item.donations h1 {
                font-size: 30px;
                font-style: italic;
                font-weight: bold;
                line-height: 69px;
            }
            #browsePage.myBids .page .item.donations label
            {
                font-size: 19pt;
                font-weight: bold;
                position: absolute;
                text-align: right;
                bottom: 20px;
                vertical-align: middle;
            }
            #browsePage.myBids .page .item.donations label.label1
            {
                right: 327px;
            }
            #browsePage.myBids .page .item.donations label.label2
            {
                right: 171px;
            }
            #browsePage.myBids .page .item.donations label.label3
            {
                right: 15px;
            }
        #browsePage.myBids .header .label2 
        {
            right: 171px;
        }
        #browsePage.myBids .page .item.losingBids 
        {
            background: none;
            border-bottom: solid 1px black;
            height: 69px;
            padding: 0px 0px 0px 20px;
            width: 1004px;
        }
            #browsePage.myBids .page .item.losingBids h1 {
                color: #C80032;
                font-size: 30px;
                font-style: italic;
                font-weight: bold;
                line-height: 69px;
            }
            #browsePage.myBids .page .item.losingBids h3 {
                font-size: 18pt;
                height: 69px;
                left: 198px;
                line-height: 23px;
                position: absolute;
                top: 23px;
                width: 460px;
            }
        #browsePage.myBids .footer .btnMyBids
        {
            display: none;
        }
        #browsePage.myBids .footer .btnNoBids
        {
            display: none;
        }
        #browsePage.myBids .page .item .highBidder 
        {
            right: 171px;
            width: 140px;
        }
        #browsePage.myBids .page .item .highBid
        {
            width: 150px;
        }
        #browsePage.noBids .btnNoBids
        {
            display: none;
        }
        #browsePage.noBids .btnMyBids
        {
            display: none;
        }

#browsePage.displayMode 
{
}
    #browsePage.displayMode .header .btnHome
    {
        display: none;
    }
    #browsePage.displayMode .header div
    {
        left: 20px;
    }
    #browsePage.displayMode .footer .btnMyBids
    {
        display: none;
    }
    #browsePage.displayMode .footer .btnNoBids
    {
        display: none;
    }
    #browsePage.displayMode .footer .btnFindItem
    {
        display: none;
    }
    #browsePage.displayMode .footer .btnPriorPage
    {
        display: none;
    }
    #browsePage.displayMode .footer .btnNextPage
    {
        display: none;
    }
    #browsePage.displayMode .footer .pageNumber
    {
        left: 20px;
    }
    #browsePage.displayMode .footer .total
    {
        color: #C80032;
        font-size: 32pt;
        font-weight: bold;
        line-height: 70px;
        position: absolute;
        right: 14px;
        vertical-align: middle;
    }
    #browsePage.displayMode .page .item .btnPlaceBid
    {
        background: none;
    }
    #browsePage.displayMode .page .item .btnPlaceBid.newBid
    {
        color: #10ae5a;
    }
    #browsePage.displayMode .page .item .btnPlaceBid.countDown
    {
        color: #C80032;
        font-size: 36pt;
    }
    #browsePage.displayMode .page .item .btnPlaceBid.closing
    {
        color: #C80032;
    }
    
    #browsePage .page div.closed, 
    #browsePage .page div.sold, 
    #browsePage .page div.soldOut
    {
        background-color: #bfbfbf;
    }
    #browsePage .page div.closed.noBid .highBidder
    {
        color: #000000;
    }
        #browsePage .page  div.closed .btnPlaceBid, 
        #browsePage .page  div.closed .btnRaiseBid,
        #browsePage .page  div.closed .btnPurchase.btnPlaceBidClick,
        #browsePage .page  div.sold .btnPlaceBid, 
        #browsePage .page  div.sold .btnRaiseBid,
        #browsePage .page  div.soldOut .btnPlaceBid, 
        #browsePage .page  div.soldOut .btnRaiseBid,
        #browsePage .page  div.soldOut .btnPurchase.btnPlaceBidClick,
        #browsePage .page  div.unavailable .btnPlaceBid, 
        #browsePage .page  div.unavailable .btnRaiseBid
        {
            background-image: none;
            color: #C80032;
        }

/* ---------------------------------------------------------------- */
/* My Bids Page                                                     */
/* ---------------------------------------------------------------- */
#myBidsPage 
{
    display: none;
}
    #myBidsPage h1
    {
        bottom: 473px;
        color: #0064b4;
        font-size: 28pt;
        font-style: italic;
        font-weight: bold;
        left: 589px;
        position: absolute;
    }
    #myBidsPage h2
    {
        bottom: 438px;
        color: #C80032;
        font-size: 18pt;
        font-weight: bold;
        left: 589px;
        line-height: 26px;
        position: absolute;
    }
    #myBidsPage span.message
    {
        bottom: 598px;
        color: #C80032;
        font-size: 18pt;
        font-weight: bold;
        left: 569px;
        line-height: 26px;
        position: absolute;
    }
    
    #myBidsPage ul.commands
    {
        left: 20px;
        position: absolute;
        top: 300px;
        font-size: 24pt;
    }
        #myBidsPage ul.commands li
        {
            line-height: 50px;
            vertical-align: middle;
        }
        
        #myBidsPage ul.commands li.selected
        {
            color: #0096ff;
        }
        
        #myBidsPage ul.commands span.number
        {
            display: inline-block;
            text-align: center;
            width: 60px;
        }
        
        #myBidsPage ul.commands span.description
        {
        }
    
/* ---------------------------------------------------------------- */
/* Item Page                                                        */
/* ---------------------------------------------------------------- */
.itemPage
{
}
    .itemPage .frame
    {
        background: url(frame.png);
        height: 358px;
        left: 35px;
        position: absolute;
        text-align: center;
        top: 20px;
        width: 379px;
    }
        .itemPage img
        {
            display: none;
        }
    .itemPage .box
    {
        text-align: center;
    }
        .itemPage .box label
        {
            display: block;
            font-size: 22pt;
            line-height: 71px;
            vertical-align: bottom;
        }
        .itemPage .box span
        {
            display: block;
            font-size: 26pt;
            font-weight: bold;
        }
    .itemPage .itemNumber
    {
        border: solid 1px black;
        height: 142px;
        position: absolute;
        right: 373px;
        top: 20px;
        width: 143px;
    }
    .itemPage .highBidder
    {
        border: solid 1px black;
        height: 142px;
        position: absolute;
        right: 208px;
        top: 20px;
        width: 164px;
    }
    .itemPage .highBid
    {
        border: solid 1px black;
        height: 142px;
        position: absolute;
        right: 35px;
        top: 20px;
        width: 172px;
    }
        .itemPage .multiItem
        {
            background: #0096ff;
        }
            .itemPage .multiItem span
            {
                color: White;
            }
    .itemPage .countdown
    {
        background: white;
        color: #10ae5a;
        left: 437px;
        font-size: 38pt;
        font-weight: bold;
        position: absolute;
        text-align: center;
        top: 252px;
        width: 140px;
    }
        .itemPage .countdown span
        {
            display: block;
        }
        .itemPage .countdown label
        {
            font-size: 20pt;
            display: block;
        }
        .itemPage .countdown.closingFinal label
        {
            color: #C80032;
        }
    .itemPage .message
    {
        background: #ffffff;
        border: solid 1px black;
        height: 81px;
        position: absolute;
        right: 35px;
        top: 163px;
        width: 481px;
    }
        .itemPage .message .messageContent
        {
            font-size: 20pt;
            overflow: hidden;
        }
            .itemPage .message .messageContent .bidNumber
            {
                line-height: 81px;
                font-size: 24pt;
                font-weight: bold;
                padding: 0px 0px 0px 10px;
            }
            .itemPage .message .messageContent .addressee
            {
                font-size: 19pt;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 395px;
            }
        .itemPage .message.closed
        {
            background-color: #bfbfbf;
        }
            .itemPage .message.closed .messageContent .addressee span
            {
                color: #C80032;
                font-weight: bold;
            }
        .itemPage .message .error
        {
            color: #C80032;
        }
    .itemPage .keyPadLabel
    {
        bottom: 438px;
        color: #C80032;
        font-size: 18pt;
        font-weight: bold;
        left: 589px;
        line-height: 26px;
        position: absolute;
    }
    .itemPage .info
    {
        left: 35px;
        position: absolute;
        top: 398px;
        width: 379px;
    }
    .itemPage .info .scrollForAttendees
    {
        color: #10ae5a;
        display: none;
        font-size: 20px;
        font-weight: bold;
        height: 36px;
        line-height: 36px;
        position: absolute;
        right: 0px;
        text-align: center;
        top: -6px;
        vertical-align: middle;
    }
        .itemPage .info .btnBuyFor
        {
            background: url("buyForButton.png");
            color: White;
            font-size: 20px;
            font-weight: bold;
            height: 36px;
            line-height: 36px;
            position: absolute;
            right: 0px;
            text-align: center;
            top: -6px;
            vertical-align: middle;
            width: 190px;
        }
            .itemPage .info .btnBuyForClick
            {
                background: url("buyForButton_click.png");
            }
        .itemPage .info p.value
        {
            font-weight: bold;
            margin: 0px 0px 17px 10px;
        }
        .itemPage .info .moreInfo
        {
            height: 230px;
            margin: 0px 0px 0px 10px;
            overflow: hidden;
        }
        .itemPage .info.scroll .moreInfo
        {
            border: solid 1px #dddddd;
            height: 210px;
            margin: 0px;
            padding: 10px 50px 10px 10px;
            position: relative;
        }
        .itemPage .info .moreInfo .attendees label 
        {
            font-style: italic;
        }
        .itemPage .info.scroll p.value 
        {
            margin: 0px 0px 17px 0px;
        }
        .itemPage .info .down
        {
            background-image: url("downArrow.png");
            background-position: 40px 40px;
            background-repeat: no-repeat;
            bottom: 0px;
            display: none;
            height: 80px;
            position: absolute;
            right: 0px;
            width: 80px;
        }
            .itemPage .info .downClick
            {
                background-image: url("downArrow_click.png");
            }
        .itemPage .info .up
        {
            background-image: url("upArrow.png");
            background-position: 40px 10px;
            background-repeat: no-repeat;
            display: none;
            height: 80px;
            position: absolute;
            right: 0px;
            top: 38px;
            width: 80px;
        }
            .itemPage .info .upClick
            {
                background-image: url("upArrow_click.png");
            }
        .itemPage .info.scroll .down
        {
            display: block;
        }
        .itemPage .info p
        {
            font-size: 14pt;
            line-height: 16pt;
            margin: 0px 0px 15px 0px;
            vertical-align: middle;
        }
        .itemPage .info p.buyForPrice
        {
            color: #10ae5a;
            font-weight: bold;
            position: absolute;
            right: 0px;
            top: -2px;
        }
        
        .itemPage .info p.donor
        {
            font-style: italic;
        }
    .itemPage .btnMyBids 
    {
        bottom: 24px;
        left: 569px;
        position: absolute;
    }
    .itemPage .btnClose 
    {
        bottom: 24px;
        left: 767px;
        position: absolute;
    }
    .itemPage .btnPlaceBid
    {
        background-image: url(placeBidLargeButton.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 76px;
        left: 198px;
        position: absolute;
        top: 331px;
        width: 162px;
    }
        .itemPage .btnPlaceBidClick
        {
            background-image: url(placeBidLargeButton_click.png);
        }
    .itemPage .btnDonate
    {
        background-image: url(donateLargeButton.png);
        background-repeat: no-repeat;
        background-position: center center;
        height: 76px;
        left: 198px;
        position: absolute;
        top: 331px;
        width: 162px;
    }
        .itemPage .btnDonateClick
        {
            background-image: url(donateLargeButton_click.png);
        }
    
    .itemPage.donation .value, .itemPage.donation .donor
    {
        display: none;
    }
    .itemPage.donation .itemNumber
    {
        display: none;
    }
    .itemPage.donation .highBidder
    {
        background: #10ae5a;
        right: 276px;
        width: 240px;
    }
    .itemPage.donation .highBid
    {
        background: #10ae5a;
        width: 240px;
    }
    .itemPage.donation .highBid span, .itemPage.donation .highBidder span
    {
        color: White;
    }

/* ---------------------------------------------------------------- */
/* Enter Passcode Page                                              */
/* ---------------------------------------------------------------- */

#enterPasscodePage .keyPadLabel
{
    bottom: 438px;
    color: #C80032;
    font-size: 18pt;
    font-weight: bold;
    left: 589px;
    line-height: 26px;
    position: absolute;
}

/* ---------------------------------------------------------------- */
/* SMS Phone Page                                                   */
/* ---------------------------------------------------------------- */

#enterSmsPhoneNumber .keyPadLabel
{
    bottom: 438px;
    color: #C80032;
    font-size: 18pt;
    font-weight: bold;
    left: 589px;
    line-height: 26px;
    position: absolute;
}

/* ---------------------------------------------------------------- */
/* KeyPad                                                           */
/* ---------------------------------------------------------------- */

.keyPad
{
    left: 569px;
    height: 346px;
    position: absolute;
    top: 337px;
    width: 361px;
}
    .keyPad .input
    {
        background: url(keypad/blackBar.png);
        color: White;
        font-size: 22pt;
        font-weight: bold;
        height: 49px;
        left: 1px;
        line-height: 49px;
        padding: 0px 20px 0px 0px;
        position: absolute;
        text-align: right;
        top: 1px;
        vertical-align: middle;
        width: 340px;
    }
    .keyPad .number
    {
        background-position: center center;
        background-repeat: no-repeat;
        height: 54px;
        position: absolute;
        width: 108px;
    }
    .keyPad .number0
    {
        background-image: url(keypad/0.png);
        top: 221px;
        left: 127px;
    }
        .keyPad .number0Click
        {
            background-image: url(keypad/0_click.png);
        }
    .keyPad .number1
    {
        background-image: url(keypad/1.png);
        top: 59px;
        left: 1px;
    }
        .keyPad .number1Click
        {
            background-image: url(keypad/1_click.png);
        }
    .keyPad .number2
    {
        background-image: url(keypad/2.png);
        top: 59px;
        left: 127px;
    }
        .keyPad .number2Click
        {
            background-image: url(keypad/2_click.png);
        }
    .keyPad .number3
    {
        background-image: url(keypad/3.png);
        top: 59px;
        left: 253px;
    }
        .keyPad .number3Click
        {
            background-image: url(keypad/3_click.png);
        }
    .keyPad .number4
    {
        background-image: url(keypad/4.png);
        top: 113px;
        left: 1px;
    }
        .keyPad .number4Click
        {
            background-image: url(keypad/4_click.png);
        }
    .keyPad .number5
    {
        background-image: url(keypad/5.png);
        top: 113px;
        left: 127px;
    }
        .keyPad .number5Click
        {
            background-image: url(keypad/5_click.png);
        }    
    .keyPad .number6
    {
        background-image: url(keypad/6.png);
        top: 113px;
        left: 253px;
    }
        .keyPad .number6Click
        {
            background-image: url(keypad/6_click.png);
        }
    .keyPad .number7
    {
        background-image: url(keypad/7.png);
        top: 167px;
        left: 1px;
    }
        .keyPad .number7Click
        {
            background-image: url(keypad/7_click.png);
        }
    .keyPad .number8
    {
        background-image: url(keypad/8.png);
        top: 167px;
        left: 127px;
    }
        .keyPad .number8Click
        {
            background-image: url(keypad/8_click.png);
        }
    .keyPad .number9
    {
        background-image: url(keypad/9.png);
        top: 167px;
        left: 253px;
    }
        .keyPad .number9Click
        {
            background-image: url(keypad/9_click.png);
        }
    .keyPad .btnClear
    {
        background-image: url(clearButton.png);
        background-position: center center;
        background-repeat: no-repeat;
        height: 76px;
        left: 0px;
        position: absolute;
        top: 331px;
        width: 162px;
    }
        .keyPad .btnClearClick
        {
            background-image: url(clearButton_click.png);
        }
    .keyPad .btnEnter
    {
        background-image: url(enterButton.png);
        background-position: center center;
        background-repeat: no-repeat;
        height: 76px;
        left: 198px;
        position: absolute;
        top: 331px;
        width: 162px;
    }
        .keyPad .btnEnterClick
        {
            background-image: url(enterButton_click.png);
        }
    .keyPad .btnCancel
    {
        background-image: url(cancelButton.png);
        background-position: center center;
        background-repeat: no-repeat;
        height: 76px;
        left: -349px;
        position: absolute;
        top: 331px;
        width: 207px;
    }
        .keyPad .btnCancelClick
        {
            background-image: url(cancelButton_click.png);
        }