﻿#myphotos ul li,
.albumList ul li
{
    width:180px;
    height:185px;
    margin:0px 9px 30px 0px;
    float:left;
}

#myphotos ul li:nth-child(4n),
.albumList ul li:nth-child(4n)
{
    margin-right:0px;
}


#myphotos a.albumThumb,
.albumList a.albumThumb
{
    width:180px;
    height:135px;
    display:block;
    border:1px solid white;
}

#myphotos a.albumThumb:hover,
.albumList a.albumThumb:hover
{
    border:1px solid #2896e0;
}

#myphotos a.albumLink,
.albumList a.albumLink
{
    font-size:14px;
    display:block;
    margin:10px 0px 0px 0px;
    max-width:180px;
    overflow:hidden;
}

.albumLinkHighlighted
{
    font-weight: 600;
}


#myphotos .date, #myphotos .pictureCount,
.albumList .date, #myphotos .pictureCount
{
    color:#afafaf;
    font-size:11px;
}



/*album view*/

#albumView ul li
{
    margin:3px;
    margin:0px;
    padding:0px 0px 0px 0px;
}

#albumView ul li a
{
    display:block;
    padding:1px 1px 1px 1px;
    border:1px solid white;
    line-height: 9px;
}

#albumView ul li a:hover
{
    border: 1px solid #cccccc;
    padding:1px 1px 1px 1px;
}

/*single photo view*/
#photoView
{
    width:806px;
    padding-top:15px;
}

.photoNav
{
    width:806px;
    position:fixed;
}

.photoNav a, .photoNav span
{
    background-color:#f0f0f0;
    width:60px;
    height:25px;   
    line-height:25px;
    padding:3px;
    display:block;
    text-align:center;
}

.photoNav span
{
    color:#cccccc;
}

#previousPhoto
{
    float:left;
}
#nextPhoto
{
    float:right;
}

#photoViewer
{
    margin:0px auto;
    width:610px;
}

#photoViewer .photo
{
    max-width:610px;
    max-height:458px;
}

#photoViewer .post
{
    margin:0px auto auto 0px;
}


/*photo editting*/

.pictToolbar
{
    display:block;
    position:absolute;
    background-color:#dddddd;
    opacity: 0.5;
    
}
.pictToolbar:hover, .pictToolbar > a:hover
{
     opacity: 1;
}

.pictToolBarSmall
{
    height:20px;
    line-height:20px;
    margin-top: -22px;
}

.pictToolbar > a
{
    padding:2px 5px;
}

.pictToolbar > a:hover
{
    background-color:White;
}


/*
.petProfileEditMode #changePict
{
    display:block;
    position:absolute;
    height:20px;
    line-height:20px;
    
    
    
    text-align:center;
    background-color:#dddddd;
    
    
    opacity: 0.6; 
}
*/


.albumToolbar, .uiToolbar
{
    height:25px;
    margin:15px 0px 20px 0px;
    clear:both;
    border-bottom:1px solid #07b4df;
    background-color:#ebebeb;
}

.albumToolbar a, .uiToolbar a
{
    font-size:11px;
    padding:3px 8px;
}

.albumToolbar a:hover, .uiToolbar a:hover
{
    background-color:White;
}

.toolbarGroup
{
    padding:0px 10px;
    float:left;
    height:25px;
    line-height:25px;
}

.toolbarGroupR
{
    float:right;
}

.pictsEdit li input[type="text"]
{
    width:125px;
}

.pictsEdit li input[type="checkbox"]
{
    float:left;
}


.pictsEdit li .tool
{
    display:block;
    float:right;
    padding:2px 8px !important;
}




.photoViewEdit .makeComment textarea
{
    margin-bottom:10px;
}

.cropToolbar, .tagToolbar
{
    margin-top: 10px;
}