/* Image Styles */

.ThumbnailWrapper
{

}
.Thumbnail
{
    float: left;
    margin: 0 1px 1px 0;
    width: 80px;
    height: 120px;
    _height: 120px;
    border: 1px dotted #CCC;
    margin: 0 1px 2px 0;
}
.Thumbnail:hover
{
    border-color:#ccc;
}
.Thumbnail .ImageWrapper
{
    background:#fff url("/design/images/bgThumb.gif");
    width: 80px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    overflow: hidden;
}
.ImageYearSeparator
{
    float: left;
    width: 80px;
    height: 120px;
    border: 1px dotted #CCC;
    background:#fff url("/design/images/bgThumb.gif");
    margin: 0 1px 2px 0;
    color: #444;
    text-align: center;
    font-size: 20px;
    line-height: 120px;
}
.ImageBorder
{
    border: 1px dotted #DDD;
}
.ImageBackground
{
    background:#fff url("/design/images/bgThumb.gif");
    height: 300px;
    line-height: 300px;
    text-align: center;
}
.Thumbnail .ImageWrapper img
{
    display: inline;
    vertical-align: middle;
    line-height: 100px;
    position: relative;
}
.ThumbnailVertical
{
    margin: 0 1px 1px 0;
    width: 80px;
    border: 1px dotted #CCC;
    margin: 0 1px 2px 0;
}
.Icons
{
    padding: 3px 0 0 0;
    text-align:center;
}
.Icons a
{
    /*margin-right:1px;*/
    opacity:.5;
}
.Thumbnail:hover a
{
    opacity:1.0;
}
.ThumbnailMedium
{
    display: block;
    width: 135px;
    text-align: center;
    border: 1px dotted #CCC;
    margin: 0 1px 1px 0;
}
.ThumbnailMedium .ImageWrapper
{
    width: 135px;
    height: 135px;
    background:#fff url("/design/images/bgThumb.gif");
    line-height: 135px;
}
.ThumbnailMedium .ImageWrapper *
{
    display: inline;
    vertical-align: middle;
}