@CHARSET "UTF-8";
body { background: #A2B57C; padding: 25px;}
#photopage { width: 1000px; margin: 0 auto; }
#panel { width: 670px; height: 500px; float: right; text-align: center; display: block; margin-left: auto; margin-right: auto; display: table-cell; padding: 20px 0;vertical-align: middle; overflow: hidden;background: #C2D69B; }

#panel img { max-width: 600px;  height: auto; max-height: 480px; overflow: hidden; margin: auto; display: block; border: 1px solid #555; background: #fff; padding: 5px; }

.clear
{
    clear:both;
}

#thumbs 
{ 
    padding-top: 10px; 
    position: relative; 
    float: left; 
    margin: 0 auto; 
    width: 310px; 
    overflow: hidden; 
}

#thumbs_upload 
{ 
    padding-top: 10px; 
    position: relative; 
    float: left; 
    margin: 0 auto; 
    width: 310px; 
    overflow: hidden; 
}

#thumbs_upload img
{ 
    padding: 5px; 
    background-color: #fff; 
    cursor: pointer;  
    float: left;
    display: block;
    position: relative; 
    
    margin: 0 5px 5px 0; 
    border: 1px solid #333;
    width: 150px !important;
  /*  height: 200px !important;*/
}


#thumbs img 
{ 
    padding: 5px; 
    background-color: #fff; 
    cursor: pointer;  
    float: left;
    display: inline; 
    
    margin: 0 5px 5px 0; 
    border: 1px solid #333;
    width: 150px !important;
  /*  height: 200px !important;*/
}

#thumbs img:hover {border: 1px solid #666;}

.thumb_spot
{
    width: 100%;
    /*height:  60px;*/
    text-align: center;
}

.photo_row
{
    width : 130px;
    border: 1px solid white;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 160px;
    text-align: center;
}

.thumb_container
{
    height: auto;
    border: 1px solid white;
    padding-bottom: 5px;
    padding-top: 5px;
    /*height: 90px;*/
    text-align: left;
    padding-left: 10px;
    display: block;
    position: relative;    
}

.thumb_container img
{
    display: block;
    position: relative;
}

.delete_photo, .set_display_photo
{
    cursor: pointer;
}