/* Overall page layout */
body {
    margin-top: 0px;
}

#items, #itemWindow {
    height:100%;
}

#items {
    overflow-y: scroll;
    position: fixed;
    width: 20%;
}

#itemWindow {
    width: 78%;
    float: right;
}

#fixedMenu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 19%;
    height: 75px;
    background-color: #ccc;
    z-index: 900;
    /*
    -moz-box-sadow: 0 0 10px white;
    box-shadow: 0 0 10px white;
    */
    text-align: center;
}


/* hack since I haven't figured out how to get the left bar to be 100% minus some pixels without going to css 3 */
#itemSidebarSpacer {
    height: 90px;
}

.topMenu {
    height: 50px;
    background-color: #ccc;
}

/*
 * This is used to fill out a space with content from another page
 */
.fullWidthAndHeightIFrame {
    width: 100%;
    height: 2500px;
}

/* Overall page styles */
.ccsText {
    font-family: 'Comic Sans MS';
    font-weight: bold;
    color: #900;
}

/* The item list */
.categoryName {}

.menuHeader {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 20px;
}


/* The item page */
.itemHeader {
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.itemSidebar {
    padding: 15px;
    width: 20%;
    background-color: #900;
    text-align: center;
    float: left;
    -moz-box-shadow: 0 0 5px #900;
    box-shadow: 0 0 5px #900;
    margin-right: 10px;
}

.itemAmounts {
    margin-top: 20px;
    margin-bottom: 20px;
}

.itemValue {
    margin-bottom: 10px;
}

.highBid {

    font-weight: bold;
}

.minBidReached {
    margin-bottom: 20px;
}

.donorHeader {}

.donor {
    background-color: #ccc;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.itemBid {
    background-color: #ccc;
    width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.incompleteFeature {
    display: none;
}

.itemDescriptionHeader {}
.descriptionBody {}

.itemImage {
    text-align: center;
}

/*
* Style for the infinite scroll page
*/
#infiniteScrollToobar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background-color: #ccc;
    z-index: 900;
    text-align: center;
}
/* This should have a top margin the same size as the fixed bar */
#containerForItems {
    margin-top: 50px;
}

/*
 * Styles for other pages such as the form to get your bidding key
 */
.pageWindow {
    padding: 15px;
    width: 80%;
    background-color: #900;
    -moz-box-shadow: 0 0 5px #900;
    box-shadow: 0 0 5px #900;
    margin: 0 auto;
    display: table;
}

.innerPageWindow {
    background-color: #ccc;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.pageWindowHeader {
    text-align: center;
}

.pageWindowText {
    line-height: 20px;
}

.formLabel {
    text-align: right;
}

.termsAndConditionsHeader {
    text-align: center;
}

.termsAndConditions {
    margin-top: 30px;
    background-color: #FFF;
    padding: 15px;
}

.howBidsWork {
    margin-top: 10px;
    margin-bottom: 10px;
}