#listingcontainer {
        padding: 10px;
}

#listingheader {
        font-weight:bold;
        font-family:Arial, Helvetica, sans-serif;
        font-size:small;
        text-align:right;
}

#listingheader a, #listingheader a:active, #listingheader a:visited, #listingheader a:link {
        text-decoration: none;
        color: #cccccc;
}

#listingheader a:hover {
        text-decoration: underline;
        color: #cccccc;
}


#headerfile {
        text-align:left;
        float: left;
        width: 320px;
}

#headersize {
        text-align:right;
        width: 75px;
        float: left;
}

#listing {
}

#listing a {
        display:block;
        padding: 3px 5px 5px 5px;
        font-size:small;
        font-family:Arial, Helvetica, sans-serif;
        text-decoration:none;
        width:568px;
        text-align:right;

}

#listing a:hover {
        background-color:#aaaaaa;
}

#listing a img {
        float:left;
        margin-right: 4px;
}



#listing a strong {
        width: 300px;
        float:left;
        cursor:hand;
        cursor:pointer;
        text-align:left;
}

#listing a em {
        float: left;
        width: 75px;
        text-align:right;
        cursor:hand;
        cursor:pointer;
}

#listing a span {
        position: absolute;
        margin-left: -151px;
        margin-top: -2px;
}

#listing a span img {
        width: 150px;
        border: 1px solid #CCCCCC;
        visibility: hidden;
}

#listing a:hover span img {
        border: 1px solid #666666;
        visibility: visible;
}


#copy {
        width: 600px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        font-size:x-small;
        color: #666666;
        font-family:Arial, Helvetica, sans-serif;
}

#copy a {
        text-decoration: underline;
        color: #666666;
}

.b {
        color:#ddd;
        background-color: #444;

}

.w {
        color:#ddd;
        background-color:#555;
}

.mod {
        float:right;
}

.size {
        float:right;
}