﻿a.pic img
{
    display: block;
    float: none;
    clear: both;
    border: 1px solid #cccccc;
}

a.pic:hover img
{

}

.Thumb a.pic img
{
    width: 64px;
    height: 64px;
    margin: auto;
}
.Small a.pic img
{
    width: 100px;
    height: 100px;
}
.Medium a.pic img
{
    width: 150px;
    height: 150px;
}

img.Large
{
    display: block;
    margin: auto;
}

.Thumb a.pic
{
    background-image: url(../images/frame.thumb.png);
    width: 76px;
}
.Small a.pic
{
    background-image: url(../images/frame.small.png);
    width: 112px;
}
.Medium a.pic
{
    background-image: url(../images/frame.medium.png);
    width: 162px;
}

.Thumb a.pic .picCaption 
{
    display: none;
}

a.pic
{
    display: block;
    position: relative;
    float: left;
    text-decoration: none;
    
    background-repeat: no-repeat;
    background-position: bottom left;
        
    font-family: Arial;
    font-size: 60%;
    color: #091c36;
    
    padding: 0px 0px 6px 6px;
    margin: 0px 0px 2px 2px;
    z-index: 1;
}
a.pic:hover
{
    margin: 2px 2px 0px 0px;
    z-index: 11;
}

.gold a.pic .photoFrame 
{
    background-color: #ffffff;
    background-image: url(../images/clubClass.tiny.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

a.pic .photoFrame
{
    display: block;
    background-color: #fafafa;
    padding: 2px 2px 2px 2px;
    border: 1px solid #5f7284;
    
    margin: 4px 4px 0px 0px;
}

a.pic:hover .photoFrame
{
    margin: 0px 0px 4px 4px;
}

a.pic .smallInfo, a.pic .picCaption, a.pic .picViews
{
    display: block;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
}

a.pic .rollInfo
{
    display: none;
}
a.pic:hover .rollInfo
{
    display: block;
    position: absolute;
    background-color: #eeeeee;
    top: 60px;
    left: 60px;
    width: 200px;
    border: 1px solid #091c36;
    z-index: 12;
    font-size: 120%;
    
    opacity: 0.9;
    filter: alpha(opacity=90);
}
a.pic .rollInfo table
{
    border-collapse: collapse;
    width: 100%;
}
a.pic .rollInfo th.member 
{
    background-color: #e04096;
    font-weight: bold;
    color: #ffffff;
    text-transform: capitalize;
}
a.pic .rollInfo th.caption 
{
    background-color: #7bcfdc;
    color: #000000;
    border-bottom: 1px solid #091c36;
}
a.pic .rollInfo th, a.pic .rollInfo td 
{
    padding: 2px 4px 2px 4px;
}
a.pic .rollInfo th
{
    font-weight: normal;
    text-align: left;
}
a.pic .rollInfo td
{
    font-weight: bold;
    text-align: left;
}
a.pic .rollInfo tr.odd
{
    background-color: #ffffff;
}

/*Backgrounds*/

.picGrid 
{
    background-color: #9ddce5;
}

.bgTop
{  
    background-image: url(../images/background.whiteFade.t.png);
    background-repeat: repeat-x;
    background-position: top;
}
.bgRight
{  
    background-image: url(../images/background.whiteFade.r.png);
    background-repeat: repeat-y;
    background-position: right;
}
.bgBottom
{  
    background-image: url(../images/background.whiteFade.b.png);
    background-repeat: repeat-x;
    background-position: Bottom;
}
.bgLeft
{  
    background-image: url(../images/background.whiteFade.l.png);
    background-repeat: repeat-y;
    background-position: left;
}