.photo
{
    background: #D4C7FF url('images/background_thumbnail.jpg') repeat-x center;
    border: solid 1px #C0C0C0;
    padding: 5px;
}

.picture
{
    background: #D4C7FF url('images/background_thumbnail.jpg') repeat-x center;
    border: solid 1px #C0C0C0;
    padding: 5px;
    margin: 5px;  
}

#popupbody
{
    font-family: Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
    margin: 0px;
    background: #DDDDDD;
    font-size: 0.7em;
}

#popupinner
{
    border: 1px solid #C0C0C0;
    margin: 5px;
    background: #DDDDDD;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#popupbody h2
{
    font-weight: bold;
    margin: 0px;
    padding: 1px 0px 5px 5px;
    display: block;
}

.selected, .unselected
{
    width: 80px;
    height: 100px;
    text-align: center;
    padding: 2px 2px 2px 2px;
}

.unselected
{
    background-color: transparent;
    border: 1px solid #C0C0C0;
}

.selected
{
    background: #DDDDDD;
    border: 1px solid #C0C0C0;
}

.scrollablelist
{
    overflow: auto;
    height: 230px;
    width: 460px;
    border: 1px solid #C0C0C0;
}

.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: solid 1px #C0C0C0;
}

.scrolledtable
{
}

 .selectablephoto
{
    background: #FEFFC8 url('images/background_thumbnail.jpg') repeat-x center;
    border: 1px solid #C0C0C0;
    padding: 2px;
}

.contextbuttons
{
  margin: 5px 3px 5px 3px; 

}

.card
{
    background-color: #CCCCFF;
    border: 1px solid #008000;
    padding: 10px;
    margin-bottom: 10px;
    width: 198px;
}

.card h4
{
    color: #000000;
    font-weight: bold;
    font-size: x-small;
    padding: 0px;
    margin: 0px;
}

.card h3
{
    margin: 5px auto;
}

.next
{
    float: right;
    text-align: right;
}

.previous
{
    float: left;
    text-align: left;
}