/* Main list */
.photo-manager                              { background: white; width: 99%; height: 400px; 
                                              border: 2px solid black; overflow: auto; }

/* Photo items */
.photo-manager .item                        { padding: 10px; padding-bottom: 0; margin: 5px; 
                                              width: 100px; display: inline; cursor: move; border: 3px solid white; }
.photo-manager .item:hover                  { border: 3px solid #36f; background: #f8f8f8; }
.photo-manager .item.selected               { background: #36f; }
.photo-manager .item.selected label         { color: white; font-weight: bold; }
.photo-manager .item label                  { font: 8pt arial; color: black; }
.photo-manager .item img.image              { width: 99%; }

.photo-manager .item .commands              { display: none;   }

.photo-manager .item:hover .commands        { position: absolute; display: block;   
                                              border: 1px solid #eee; background: #f8f8f8;                                              
                                              padding: 5px; margin: 10px;
                                              margin-top: -25px; margin-left: -90px; }
.photo-manager .commands .link              { font: bold 8pt arial; width: 100px; color: black; 
                                              margin-bottom: 5px; text-align: left;
                                              border: 1px solid white; background: #eee;
                                              cursor: pointer; padding: 3px; }
.photo-manager .commands  .link img         { /*position: relative; top: 3px;*/ }
.photo-manager .commands  .link:hover       { background: #36f; border: 1px solid #555; color: White; }
.photo-manager .selected .commands          { display: none;    }
.photo-manager .selected .link              { display: none;    }

.photo-manager .item.selected img.delete    { display: none;    }
.photo-manager .item tr#editrow             { display: none;    }
.photo-manager .item.selected tr#editrow    { display: block;   }
.photo-manager .item tr#viewrow             { display: block;   }
.photo-manager .item.selected tr#viewrow    { display: none;    }

/* Album titles */
.photo-manager .album-title                 { clear: left; font: bold 16pt arial; color: #222; 
                                              border: 1px solid #eee;
                                              border-bottom: 2px solid #666; background: #f8f8f8;                                              
                                              padding: 5px; margin: 10px; 
                                              display: block; width: 90%; }
.photo-manager .album-title.selected        { background: #36f; }
.photo-manager .album-title img.delete      { cursor: pointer;  }
.photo-manager .album-title #edit           { display: none;    }
.photo-manager .album-title.selected #edit  { display: block;   }
.photo-manager .album-title #view           { display: block;   }
.photo-manager .album-title #view .link     { font: bold 8pt arial; width: 60px; color: black; 
                                              margin-bottom: 5px; display: inline;
                                              border: 1px solid white; background: #eee;
                                              cursor: pointer; padding: 3px; }
.photo-manager .album-title #view .link img   { /*position: relative; top: 3px;*/ }
.photo-manager .album-title #view .link:hover { background: #36f; border: 1px solid #555; color: White; }
.photo-manager .album-title #view .selected   { background: #36f; border: 1px solid #555; color: White; }
.photo-manager .album-title.selected #view  { display: none;    }

.photo-manager .album-title td.field-label  { font:8pt arial; color: #888 }


.delete { cursor: pointer; }
.dropHover { border: 5px dashed #36f; }