@charset "UTF-8";

/**
*
*   @file Photos.css
*   @copyright   Copyright (c) 2005-2008 studiVZ Ltd.
*
*   @sections
*       - General Styles
*       - AdLink MyPhotobook
*       - AlbumPagelet
*       - Photo-List
*       - PhotoDetail
*       - AlbumSliderSnipplet
*       - PhotoSliderSnipplet
*       - DiashowSnipplet
*       - PhotoCommentsSnipplet
*       - Backlinks Container
*       - OLD Photoalbum.css (Refactoring: remove)
*/


/*
 * section Reset General Styles
 */
#content
{
    padding:0;
    width:626px;
}

div.box-hint
{
    background-color: #F5F6F7;
    border:1px solid #ccc;
    color: #777;
    font-size: 12px;
    margin: 10px;
    padding: 50px 0;
    text-align:center;
}

/*
 * @section AdLink MyPhotobook
 */

div#AdLinkMyPhotobook
{
    margin:0 0 10px 10px;
}

div#AdLinkMyPhotobook a
{
    font-weight: bold;
}

div#AdLinkMyPhotobook span.anzeige
{
    color: #777;
    font-size: 9px;
    font-weight: normal;
    margin-left: 25px;
}

/*
 * @section Patchwork
 */
ul.obj-patchwork
{
    margin: 10px 34px;
}

.obj-mod-box ul.obj-patchwork
{
    margin: 10px 24px;
}

.obj-box.twothird ul.obj-patchwork
{
    margin: 10px 5px;
}

/*
 * section Photo-List
 */
div.photo-list
{
    margin: 10px 0;
    overflow: hidden;
}

* html div.photo-list {height: 1%;} /* IE6 Clearing */

div.photo-list a.toGroup
{
    margin-right: 10px;
}

div.photo-list a.toGroup span.icon-group
{
    margin-right: 5px;
}

div.photo-list h2,
div.photo-list h3
{
    background: none;
    border: none;
    color: #000;
    padding: 5px 0 0 10px;
    margin: 0;

}

div.photo-list p.description
{
    margin: 5px 10px;
    clear: both;
}

div.photo-list div.info-pager
{
    clear: both;
    overflow: hidden;
    margin: 10px;
}

div.photo-list div.info-pager div
{
    float: left;
}

div.photo-list div.info-pager div.more-actions
{
    float: right;
}

div.photo-list div.info-pager .obj-pager
{
    float: right;
    margin: 0;
}

div.photo-list div.info-pager h3
{
    float: left;
    padding: 0;
}

div.photo-list div.info-pager div.info
{
    float: left;
}

div.photo-list ul
{
    clear: both;
    list-style: none;
    margin-left: 10px;
    margin-top: 10px;
    padding: 0;
    overflow: hidden;
}

.obj-mod-box div.photo-list ul
{
    margin-left: 0;
    margin-right: -10px;
}

div.photo-list ul li
{
    border: 1px solid #ccc;
    float: left;
    margin-bottom: 10px;    
}

div.photo-list ul li:hover
{
    border: 1px solid #f5c4b7;
}

div.photo-list ul li .icon-group
{
    float: right;
    margin: 3px 3px 0px 0px;
}

div.photo-list ul li h4
{
    border: none;
    color: #000;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 5px;
    width: 180px;
}

div.photo-list ul li .icon-group+h4
{
    width: 160px;
}

* html div.photo-list ul li h4
{
    width: 160px;
}

div.photo-list ul li div.photo
{
    height: 150px;
    text-align: center;
}

div.photo-list ul.photoalbums li
{
    background: url(../../Img/bg-photoalbum.jpg) no-repeat bottom right;
    margin-right: 10px;
    height: 240px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 193px;
}

* html div.photo-list ul.photoalbums li
{
    display: inline;
}

div.photo-list ul.photoalbums li:hover
{
    background: url(../../Img/bg-photoalbum-hover.jpg) no-repeat bottom right;
}

div.photo-list ul.photoalbums li div.caption
{
    margin-top: 5px;
    padding: 5px;
    line-height: 20px;
}

div.photo-list ul.photoalbums li div.caption div.ellipsis
{
    padding: 0px 10px 0 3px;
}

div.photo-list ul.photoalbums li div.caption div
{
    overflow: hidden;
}

* html div.photo-list ul.photoalbums li div.caption div
{
    height: 20px;
}

div.photo-list ul.photoalbums li div.caption span
{
    color: #777;
}

div.photo-list ul.photoalbums li div.caption span.ellipsis
{
    display: block;
}

div.photo-list ul.photoalbums li div.caption span.number-of-photos
{
    float: right;
    margin-left: 5px;
}

div.photo-list ul.photos li
{
    background: url(../../Img/bg-photo.png) repeat-x;
    margin-right: 10px;
    height: 228px;
    overflow: hidden;
    padding: 5px;
    width: 183px;
}

/* IE 6 double margin Bug */
* html div.photo-list ul.photos li
{
    display: inline;
}

div.photo-list ul.photos li div.caption
{
    height: 63px;
    overflow: hidden;
    padding: 10px 0 0;
}

div.photo-list ul.photos li div.caption span
{
    white-space:nowrap;
}

/*
* flyoutmenu
*/
.obj-subbar .photo-list-actions
{
    position: absolute;
    right: 6px;
    top: 0;
}
.obj-subbar .photo-list-actions a
{
    font-weight: normal;
}
.photo-list-actions #newteaser, 
.photo-list-actions #slideshow, 
.photo-list-actions #diashow,
.photo-metainfo .action #newteaser,
.photo-metainfo .action #slideshow,
.photo-metainfo .action #diashow
{
    background: url(../../Img/sprite-slideshow.png) no-repeat;
    display: block;
    height: 28px;
    width: 28px;
    float: right;
    text-align: left;
}
.photo-list-actions #newteaser,
.photo-metainfo .action #newteaser
{
    color: white;
    font-weight: bold;
    line-height: 26px;
    text-indent: 13px;
    width: 39px;
}
.svz .photo-list-actions #newteaser,
.svz .photo-metainfo .action #newteaser
{
    background: url(../../Img/sprites-obj-new.png) -5px -58px;
}
.avz .photo-list-actions #newteaser,
.avz .photo-metainfo .action #newteaser
{
    background: url(../../Img/sprites-obj-new.png) -55px -58px;
}
.pvz .photo-list-actions #newteaser,
.pvz .photo-metainfo .action #newteaser
{
    background: url(../../Img/sprites-obj-new.png) -105px -58px;
}
.photo-list-actions #newteaser:hover,
.photo-metainfo .action #newteaser:hover
{
    text-decoration: none;
}

.photo-list-actions #slideshow,
.photo-metainfo .action #slideshow
{
    background-position: left top;
    text-indent: 900px;
    overflow: hidden;
}
.photo-list-actions #diashow,
.photo-metainfo .action #diashow
{
    background-position: right top;
    text-indent: -900px;
    padding: 0;
    border: 0;
    margin-left: 3px;
}

.photo-list-actions #slideshow:hover,
.photo-metainfo .action #slideshow:hover
{
    background-position: left -30px;
    border: 0;
}
.photo-list-actions #diashow:hover,
.photo-metainfo .action #diashow:hover
{
    background-position: right -30px;
    border: 0;
}

.obj-subbar .photo-list-meta
{
    position: absolute;
}

div.Snipplet-Photos-PhotoList a.diashow
{
    position: static;
    padding-top: 8px;
    padding-right: 5px;
    padding-bottom: 8px;
    border: 1px solid transparent;
    background-position: -4px -45px;
}

a.diashow
{
    background-position: -4px -54px;
}

div.Snipplet-Photos-PhotoList a#Photo-Album-ContextLink
{
    float: left;
    background-position: -4px -24px;
}

div.Snipplet-Photos-PhotoList a.diashow:hover
{
    cursor: pointer;
}

div.Snipplet-Photos-PhotoList a.diashow:hover
{
    border: 1px solid #ff781e;
}

* html div.Snipplet-Photos-PhotoList .obj-subbar a.diashow {border: none;}
* + html div.Snipplet-Photos-PhotoList .obj-subbar a.diashow {border: none;}

* html div.Snipplet-Photos-PhotoList .obj-subbar a.diashow:hover {border: none;}
* + html div.Snipplet-Photos-PhotoList .obj-subbar a.diashow:hover {border: none;}

div#Mod-Photos-Overview div.overview-friends-snipplet div.Snipplet-Photos-OverviewAlbums div.obj-subbar, div.Snipplet-Photos-PhotoList div#Snipplet-Photos-Slider div.obj-subbar
{
    border-top: 1px solid #ff781e;
}

#Mod-Photos-Overview div.obj-subbar, #Mod-Photos-Album div.obj-subbar, #Snipplet-Photos-PhotoDetail div.obj-subbar
{
    padding: 8px 10px;
    font-weight: bold;    
    color: #C86428;
}

/*
 * section PhotoDetail
 */
div.Snipplet-Photos-PhotoDetail
{
    background-color: #f7f7f7;
    padding-bottom: 20px;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging
{
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 10px 12px 5px 12px;
    padding: 10px;
    overflow: hidden;
    background-color: #fff;
}

* html div.Snipplet-Photos-PhotoDetail div.photo-tagging
{
    height: 1%;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging div.actions
{
    float: left;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging div.actions span
{
    font-weight: bold;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging div.actions a
{
    margin-right: 10px;
}


div.Snipplet-Photos-PhotoDetail #removeall
{
    clear: both;
    display: none;
    padding-top: 10px;
    text-align: right;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-link
{
    display: block;
    float: left;
    margin: 1px 4px 1px 0;
    padding: 0 4px 0 0;
    background: url(../../Img/bg-phototagging-userlink.gif) no-repeat right 1px;
    height: 17px;
    white-space: nowrap;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-link a.highlighted
{
    text-decoration: underline;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-link a.delete
{
    display: none;
}


div.Snipplet-Photos-PhotoDetail div.photo-tagging span.last-child
{
    background: none;
    margin-right: 0;
    padding-right: 0;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-delete
{
    display: block;
    float: left;
    background-color: #fff0e1;
    border: 1px solid #9C9C9C;
    color: #000;
    height: 13px;
    margin: 1px 4px 1px;
    padding: 1px 15px 1px 5px;
    cursor: default;
    position:relative;
    white-space: nowrap;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-delete a.text,
div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-delete span
{
    display: block;
    float: left;
    color: #000;
    text-decoration: none;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-delete a.text:hover
{
    color: #000;
    text-decoration: none;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-delete a.delete
{
    cursor: pointer;
    display: block;
    float: left;
    background: url(../../Img/delete_me.gif) no-repeat;
    padding-right: 15px;
    height: 15px;
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 1px;
}

div.Snipplet-Photos-PhotoDetail div.photo-tagging span.user-delete a.delete:hover
{
    background-image: url(../../Img/delete_me_hover.gif);
    text-decoration: none;
}

div.Snipplet-Photos-PhotoDetail div.photo
{
    margin: 5px 12px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
}

div.Snipplet-Photos-PhotoDetail div.photo-actions
{
    text-align: right;
    margin: 5px 12px;
}

div.Snipplet-Photos-PhotoDetail div.photo-navi
{
    clear: both;
    margin: 0 12px;
    overflow: hidden;
}

* html div.Snipplet-Photos-PhotoDetail div.photo-navi
{
    height: 1%;
}

div.Snipplet-Photos-PhotoDetail div.photo-navi div.previous
{
    float: left;
    overflow: hidden;
    width: 250px;
    white-space: nowrap;
}

div.Snipplet-Photos-PhotoDetail div.photo-navi div.next
{
    float: right;
    overflow: hidden;
    text-align: right;
    width: 250px;
    white-space: nowrap;
}

div.Snipplet-Photos-PhotoDetail div.photo-navi div.counter
{
    text-align: center;
    margin: 0 auto;
    color: #777;
}

div.ThumbsOverview #PhotoContainer,
div.Snipplet-Photos-PhotoDetail #PhotoContainer
{
    position: relative;
    margin: 0 auto;

    /* IE 6 Tagging-Note should overlap Slider */
    z-index: 1;
}

div.Snipplet-Photos-PhotoDetail #PhotoContainer.edit-mode
{
    cursor: crosshair;
}

div.Snipplet-Photos-PhotoDetail table.photo-metainfo
{
    width: 606px;
    margin: 10px;
    padding: 0;
    border: 1px solid #ccc;
}

div.Snipplet-Photos-PhotoDetail table.photo-metainfo th,
div.Snipplet-Photos-PhotoDetail table.photo-metainfo td
{

    background-color: #fff;
    color: #000;
    padding: 5px;
    vertical-align: top;
    font-weight: normal;
    text-align: left;
}

div.Snipplet-Photos-PhotoDetail table.photo-metainfo th
{
    width: 95px;
    border: 1px solid #ccc;
}

div.Snipplet-Photos-PhotoDetail table.photo-metainfo td
{
    border-bottom: 1px solid #ccc;
    width: 330px;
}

div.Snipplet-Photos-PhotoDetail table.photo-metainfo td.action
{
    text-align: right;
    width: auto;
}

div.Snipplet-Photos-PhotoDetail table.photo-metainfo td.counter
{
/*    text-align: left;
    width: 100px; */
}


/*
 * @section SliderSnipplet
 */

div.Snipplet-Photos-Slider,
div.Snipplet-NobleProfile-Slider
{
    display: none;
    position: relative;
}


div.Snipplet-Photos-Slider .slider-wrap,
div.Snipplet-NobleProfile-Slider .slider-wrap
{
    overflow: hidden;
    padding: 10px 0;
    height: 90px;
    position: relative;
}

* html div.Snipplet-Photos-Slider .slider-wrap,
* html div.Snipplet-NobleProfile-Slider .slider-wrap
{
    height: 1%;
}

div.Snipplet-Photos-Slider textarea
{
    display: none;
}

div.obj-embed-slider,
div.obj-photo-slider,
div.obj-nobleprofile-slider
{
    overflow: hidden;
    margin: 0 auto;
    width: 591px; /* default width for 5 items */
}

div.obj-photo-slider.obj-photo-slider-noauto
{
    margin: 0;
}

div.obj-embed-slider .slider-left,
div.obj-photo-slider .slider-left,
div.obj-nobleprofile-slider .nprofile-slider-left
{
    background: url(../../Img/btn-slider-left-disabled.gif) no-repeat left center;
    cursor: pointer;
    float: left;
    height: 22px;
    width: 13px;
    margin: 33px 15px 0 0;
}

div.obj-embed-slider .enabled-left,
div.obj-photo-slider .enabled-left,
div.obj-nobleprofile-slider .enabled-left
{
    background: url(../../Img/btn-slider-left.gif) no-repeat left center;
}

div.obj-embed-slider .slider-right,
div.obj-photo-slider .slider-right,
div.obj-nobleprofile-slider .nprofile-slider-right
{
    background: url(../../Img/btn-slider-right-disabled.gif) no-repeat left center;
    cursor: pointer;
    float: left;
    height: 22px;
    width: 13px;
    margin: 33px 0 0 5px;
}

div.obj-embed-slider .enabled-right,
div.obj-photo-slider .enabled-right,
div.obj-nobleprofile-slider .enabled-right
{
    background: url(../../Img/btn-slider-right.gif) no-repeat left center;
}

.obj-photo-slider .slider,
.obj-nobleprofile-slider .slider
{
    height: 90px;
    float: left;
    overflow: hidden;
    position: relative;
    width: 535px; /* default width for 5 items */
    z-index: 0;
}

div.obj-photo-slider .slider ul,
div.obj-nobleprofile-slider .slider ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
}

div.obj-photo-slider .slider ul li,
div.obj-nobleprofile-slider .slider ul li
{
    float: left;
    margin-right: 10px;
    text-align: center;
    background-color: #fff;
}

* html div.obj-photo-slider .slider ul li,
* html div.obj-nobleprofile-slider .slider ul li /* IE 6 */
{
    display: inline; /* double-float Bugfix IE 6 */
}

.obj-photo-slider .slider ul img,
.obj-nobleprofile-slider .slider ul img
{
    margin: 0 auto;
    display: block;
}

.obj-photo-slider .slider ul a,
.obj-nobleprofile-slider .slider ul a
{
    display: block;
    border: 1px solid #ccc;
    height: 76px;
    width: 76px;
    padding: 5px;
}

.obj-photo-slider .slider ul li a:hover,
.obj-nobleprofile-slider .slider ul li a:hover,
.Account-Delete-Slider .obj-photo-slider .slider ul li a:hover
{
    border-color: #f5c4b7;
}

.obj-photo-slider .slider ul .selected a,
.obj-nobleprofile-slider .slider ul .selected a
{
    border: 2px solid  #ff781e;
}

/* Albums */
div.obj-photo-slider .slider.albums ul li a
{
    background: url(../../Img/bg-photoalbum-thumb.jpg) no-repeat bottom right;
}

div.obj-photo-slider .slider.albums ul li a:hover
{
    background-image: url(../../Img/bg-photoalbum-thumb-hover.jpg);
}

div.obj-photo-slider .slider.albums ul li.selected a
{
    background-image: url(../../Img/bg-photoalbum-thumb-selected.jpg);
}

/*
 * @section DiashowSnipplet
 */
div.Snipplet-Photos-Diashow
{
    background-color: black;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 80;
}

div.Snipplet-Photos-Diashow div.header
{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 100px;
    z-index: 10;
    opacity: 0.3;
}

div.Snipplet-Photos-Diashow div.header:hover
{
    opacity: 0.6;
}

div.Snipplet-Photos-Diashow .control
{
    z-index: 5;
    background: #111;
    color: #555;
    position: absolute;
    top: 100px;
    left: 30px;
    margin: 0;
    text-align: center;
    width: 136px;
}

div.Snipplet-Photos-Diashow .control hr
{
    border: 0 none;
    margin: 14px 0;
    padding: 0;
    border-bottom: 1px solid #222;
}

div.Snipplet-Photos-Diashow .control a
{
    color: #999;
    font-weight: bold;
    text-decoration: none;
}

div.Snipplet-Photos-Diashow .control a:hover
{
    color: #555;
    text-decoration: none;
}

div.Snipplet-Photos-Diashow .control a.stop
{
    display: none;
}

div.Snipplet-Photos-Diashow .title
{
    left: -1000px;
    position: absolute;
    color: #999;
}

div.Snipplet-Photos-Diashow div.photo img
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

/*
 * section PhotoCommentsSnipplet
 */

div.Snipplet-Photos-PhotoComments
{
    background-color: #fff;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc;
}

div.Snipplet-Photos-PhotoComments textarea
{
    float: none;
    width: 576px;
    height: 60px;
    border-color: #ccc;
}

div.Snipplet-Photos-PhotoComments textarea.invalid
{
    background: #ffc6c6;
    border: 1px solid #f5c4b7;
}

div.Snipplet-Photos-PhotoComments form .hint
{
    color: #e00;
    padding-left: 0px;
    float: none;
}

/*
 * @section Backlinks Container
 */
div.backlink-container
{
    padding: 10px 10px 0 10px;
    font-weight: bold;
}

#ChooseAlbumObject ul,
#ChooseProfileObject ul,
#ChooseGroupsObject ul,
#ChooseVisualObject ul
{
    list-style: none;
    height: 200px;
    border: 1px solid #CCC;
    padding: 0;
    overflow: auto;
}

#ChooseAlbumObject ul.big,
#ChooseProfileObject ul.big,
#ChooseGroupsObject ul.big,
#ChooseVisualObject ul.big
{
    height: 400px;
}

#ChooseAlbumObject li,
#ChooseProfileObject li,
#ChooseGroupsObject li,
#ChooseVisualObject li
{
    margin: 0;
    border-top: 1px solid #CCC;
    overflow: hidden; /* IE */
}

#ChooseVisualObject li
{
    float: left;
    height: 100px;
    width: 225px;
    border-right: 1px solid #CCCCCC;
}

#ChooseAlbumObject li img,
#ChooseGroupsObject li img,
#ChooseProfileObject li img
{
    max-height: 100px;
}

#ChooseVisualObject li img
{
    max-height:90px;
    max-width:220px;
}

#ChooseAlbumObject li:first-child,
#ChooseProfileObject li:first-child,
#ChooseGroupsObject li:first-child,
#ChooseVisualObject li:first-child
{
    border-top: 0 none;
}

#ChooseAlbumObject ul input,
#ChooseProfileObject ul input,
#ChooseGroupsObject ul input,
#ChooseVisualObject ul input
{
    display: none;
}

*+html #ChooseAlbumObject ul input,
*+html #ChooseProfileObject ul input,
*+html #ChooseGroupsObject ul input,
*+html #ChooseVisualObject ul input
{
    float: left;
    display: block;
    margin-left: -20px;
}

* html #ChooseAlbumObject ul input,
* html #ChooseProfileObject ul input,
* html #ChooseGroupsObject ul input,
* html #ChooseVisualObject ul input
{
    float: left;
    display: inline;
    margin-left: -20px;
}

#ChooseAlbumObject ul label,
#ChooseProfileObject ul label,
#ChooseGroupsObject ul label,
#ChooseVisualObject ul label
{
    color: black;
    float: none;
    width: auto;
    padding: 3px;
}

#ChooseVisualObject ul label
{
    height: 100px;
}

#ChooseAlbumObject ul label:hover,
#ChooseProfileObject ul label:hover,
#ChooseGroupsObject ul label:hover,
#ChooseVisualObject ul label:hover
{
    background-color: #fff0e1;
}

/* #ChooseAlbumObject ul :checked+label (if IE were smart) */
#ChooseAlbumObject ul .selected label,
#ChooseProfileObject ul .selected label,
#ChooseGroupsObject ul .selected label,
#ChooseVisualObject ul .selected label
{
    background-color: #ffa05f;
}

#ChooseAlbumObject .highlight,
#ChooseProfileObject .highlight,
#ChooseGroupsObject .highlight,
#ChooseVisualObject .highlight
{
    margin: 0;
}

/*
 * OLD Potoalbum.css
 */
.FriendsAlbums h2
{
    margin-bottom:0;
}

.photosmHNavi
{
    background-color: #fff0e1;
    border-bottom: 1px solid #f5c4b7;
    margin-bottom:10px;
    padding: 2px 7px;
}

.emptyAlbum
{
    padding-top:20px;
}

.noalbums
{
    padding-top: 50px;
    padding-bottom: 50px;
    margin: 0 10px 10px 10px;
    color: #777;
    background-color: #eee;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 12px;
}

.pagerCont
{
    padding:5px 10px;
}

.photoPager
{
    height: 24px;
    margin: -22px 0 5px;
    position: relative;
    width:600px;
}

* html .photoPager
{
    width: 590px;
}

#PhotoAlbums_SingleView .photoPager
{
    width:535px;
    margin: 0;
    height: auto;
    position:static;
}

.AlbumNav {
    font-weight:bold;
    padding:10px;
}

.ThumbsOverview
{
    margin: 0;
    padding: 10px 5px 30px;
    border-bottom: 0px solid #f5c4b7;
    background: #fff0e1;
}

* html .ThumbsOverview /* IE 6 */
{
    zoom: 1;
    margin-bottom: 10px;
}

*:first-child+html .ThumbsOverview /* IE 7 */
{
    zoom: 1;
    margin-bottom: 10px;
}

#PhotoAlbums .ThumbsOverview > div
{
    width: 606px;
    margin-left: 10px;
}

.phxDialogContent a.fieldBtn
{
    margin-left: 0px;
    margin-right: 0 !important;
    line-height: 2em;
}

.MessageInvisible
{
    margin: 10px 0 0 10px;
}

.thumb
{
    background-color: #fff;
    border: 1px solid #f5c4b7;
    float: left;
    text-align: center;
    width: 180px;
    padding: 5px;
    margin: 5px;
    min-height:200px;
}

* html .thumb
{
    margin: 5px 3px;
    height: 200px;
}

.thumb:hover
{
    border: 1px solid #ff781e;
}

.thumb div
{
    height:150px;
}

* html .thumb img { display:block; }
*+html .thumb img { display:block; }

.thumb p
{
    display:block;
    margin: 0;
    padding: 2px 0;
    text-align: left;
    line-height: 15px;
}

.thumb p .grey
{
    color:#ccc;
}

#PhotoAlbums_JavaUploader .padder div,
#PhotoAlbums_JavaUploader .padder p
{
    padding: 0 10px;
}

#PhotoAlbums_DeleteAlbum,
#PhotoAlbums_DeletePhoto,
#PhotoAlbums_DeleteComment,
#PhotoAlbums_DeleteTag,
#PhotoAlbums_OldUploader
{
    padding: 0 10px 20px 0;
}

#PhotoAlbums_Edit,
#PhotoAlbums_EditPhotos,
#PhotoAlbums_TitlePhoto,
#PhotoAlbums_JavaUploader
{
    padding: 0 0 20px;
}

#PhotoAlbums_Thumbs
{
    padding: 0;
}

/******* #PhotoAlbums *******/
#PhotoAlbums form
{
    margin-top: 10px;
}

.AlbumCont 
{
    background-color: #fff0e1;
    padding: 10px;
    border-top: 1px solid #f5c4b7;
    border-bottom: 1px solid #f5c4b7;
}

.AlbumCont .clearFix
{
    border: 1px solid #f5c4b7;
    background-color: #fff;
    margin: 10px 0;
}

.AlbumCover
{
    width: 180px;
    float: left;
    padding: 0;
    margin: 0;
}

.AlbumText
{
    padding: 10px;
    width: 310px;
    float: left;
}
.AlbumText h2
{
    margin-bottom: 10px;
    border: none;
    background-color: transparent;
    color: #000;
    padding: 0;
}

.AlbumText p
{
    margin: 0 0 10px 0;
    padding: 0;
}

.PhotoCount
{
    padding: 0;
    width: 70px;
    float: left;
    color: #777;
    font-size: 13px;
    text-align: center;
}

.AlbumFunc
{
    float: left;
    width: 260px;
    padding: 10px;
    margin-right: 10px;
}

.AlbumFunc form,
.AlbumFunc .fieldBtnSubmit
{
    margin-bottom: 20px;
}

.FriendsAlbums
{
    float: left;
    padding: 10px;
    width: 315px;
}

.AlbumsContainer
{
    padding: 0;
    margin: 0 0 10px 0;
}

.AlbumsContainer .tRight
{
    padding: 0;
    width: 77px;
    margin-right: 10px;
}

.AlbumsContainer .tLeft
{
    padding: 0;
    width: 200px;
    margin-right: 10px;
}

/******* #PhotoAlbums_Create / #PhotoAlbums_Edit *******/

#PhotoAlbums_Create .highlightBox,
#PhotoAlbums_Edit .highlightBox
{
    clear: both;
}

#PhotoAlbums_Create .buttonArea,
#PhotoAlbums_Edit .buttonArea
{
    margin-top: 20px;
    margin-bottom: 20px;
}

#PhotoAlbums_CommentList form .hint,
#PhotoAlbums_Create form .invalid,
#PhotoAlbums_EditTitle form .invalid,
#PhotoAlbums_Edit form .invalid
{
    margin-left: 0;
}

#PhotoAlbums_CommentList form .hint
{
    margin-top:4px;
}

#PhotoAlbums_Edit div.form-row
{
    float: none;
    overflow: hidden;
}

#PhotoAlbums_Edit dl.obj-keyValueList dt
{
    width: 158px;
}

#PhotoAlbums_Edit dl.obj-keyValueList dd
{
    width: 428px;
    padding: 0 10px;
    position: relative;
}

#PhotoAlbums_Edit dl.obj-keyValueList dd p
{
    float: left;
    margin: 0;
}

#PhotoAlbums_Edit dl.obj-keyValueList dd div.highlight
{
    clear: both;
    margin: 10px -3px 10px -7px;
}

#PhotoAlbums_Edit dl.obj-keyValueList dd div.highlight p
{
    float: none;
}

#link-object-album,
#unlink-object-album
{
    float: right;
    margin: 0 0 10px 10px;
    white-space: nowrap;
}

/******* #PhotoAlbums_EditTitle *******/
* html #PhotoAlbums_EditTitle
{
    padding: 1px; /* IE6 bug fix */
}

#PhotoAlbums_EditTitle form
{
    margin: 0 auto;
}

#PhotoAlbums_EditTitle textarea
{
    width: 270px;
    height:80px;
}

/******* #PhotoAlbums_AddOverview *******/
#PhotoAlbums_AddOverview h2
{
    margin:20px 0 20px 0;
}

#PhotoAlbums_AddOverview ul
{
    padding-left:10px;
}

#PhotoAlbums_AddOverview img
{
    border:1px solid #ccc;
}

#PhotoAlbums_AddOverview .newUploader
{
    float: left;
    padding:10px;
    margin: 0 10px;
    width: 250px;
    height:280px;
    border:1px solid #f5c4b7;
}

#PhotoAlbums_AddOverview .newUploader h3
{
    color: #ff781e;
}

#PhotoAlbums_AddOverview .oldUploader
{
    float: right;
    padding:10px;
    margin:0 10px;
    width: 250px;
    height:280px;
    border:1px solid #f5c4b7;
}

#PhotoAlbums_AddOverview ul
{
    text-align: left;
}

/******* #PhotoAlbums_EditPhotos *******/
#PhotoAlbums_EditPhotos #listContainer p
{
    margin-left: 10px;
}


#PhotoAlbums_EditPhotos form
{
    margin-bottom: 20px;
}

#PhotoAlbums_EditPhotos form .clearFix
{
    background-color: #fff0e1;
    border-top: 1px solid #ffa05f;
    border-bottom: 1px solid #ffa05f;
    margin: 20px 0;
    padding: 10px;
    width: 606px;
}

#PhotoAlbums_EditPhotos #emptyMsg,
#PhotoAlbums_TitlePhoto #emptyMsg
{
    margin:10px;
    text-align: center;
}

.editPhotoBox
{
    position:relative;
    background-repeat: no-repeat;
    background-position: center 27px;
    margin-right: 15px;
    margin-bottom: 20px;
    text-align: left;
    float: left;
    width: 80px !important;
    height: 145px;
    border: 1px solid #ffa05f;
    background-color: #fff;
    padding-bottom: 4px;
    top: 0;
    left: 0;
}

#PhotoAlbums_EditPhotos .editPhotoBox
{
    cursor: move;
}

#PhotoAlbums_EditPhotos .editPhotoBox input
{
    cursor: pointer;
    margin-left:5px;
    margin-top:5px;
}

#PhotoAlbums_EditPhotos #listContainer .editPhotoBox p
{
    position: absolute;
    top: 130px;
    left: 0;
    padding: 0 4px;
    margin: 0;
    width: 72px;
}

#PhotoAlbums_EditPhotos .editPhotoBox p a.captionLink
{
    white-space:nowrap;
}

#PhotoAlbums_EditPhotos .editPhotoBox img.rotateLeft
{
    cursor: pointer;
    position: absolute;
    right:5px;
    top: 108px;
}

#PhotoAlbums_EditPhotos .editPhotoBox img.rotateRight
{
    cursor: pointer;
    position: absolute;
    left:5px;
    top: 108px;
}

#PhotoAlbums_EditPhotos form input.fieldBtnSubmit
{
    margin-left: 10px;
}

/******* #PhotoAlbums_DeleteAlbum *******/
#PhotoAlbums_DeleteAlbum #tabBar
{
    margin-bottom: 20px;
}

/******* #PhotoAlbums_User *******/
#PhotoAlbums_User .ThumbsOverview
{
    background-color: #fff;
}
.ThumbsOverview h2
{
    padding:10px;
}

* html .ThumbsOverview h2
{
    width: 580px;
}

#PhotoAlbums_User .thumb
{
    background-color: #fff0e1;
}

#PhotoAlbums_User .nofotos
{
    background-color: #fff;
}

/******* #PhotoAlbums_JavaUploader *******/
#jloaderWaiter,
#jloaderHeader
{
    margin-top: 20px;
}

#jloaderHeader
{
    display: none;
}

#photoUploader
{
    padding: 20px 10px;
    background-color: #fff0e1;
    border-top: 1px solid #f5c4b7;
    border-bottom: 1px solid #f5c4b7;
    margin-bottom: 20px;
}

#photoView
{
    display: none;
}

#photoUploader
{
    margin-top: 10px;
}

#photoUploader label
{
    width: 5em;
}

#photoUploader select
{
    width: 11em;
}

#photoUploader .clearFix
{
    width: 606px;
}

#photoUploader .clearFix .selectCont
{
    width: 186px;
    float: left;
}

#photoUploader .clearFix .floatR
{
    width: 406px;
    text-align: right;
}

/******* #PhotoAlbums_TitlePhoto *******/
#PhotoAlbums_TitlePhoto .editPhotoBox
{
    height: 77px;
    border: 1px solid #ccc;
}

#PhotoAlbums_TitlePhoto input.fieldRadio
{
    margin: 2px;
}

#PhotoAlbums_TitlePhoto .tCenter
{
    margin: 20px 0;
}

* html #PhotoAlbums_TitlePhoto .tLeft
{
    margin-top: 10px;
}

*:first-child+html #PhotoAlbums_TitlePhoto .tLeft
{
    margin-top: 10px;
}

/******* #PhotoAlbums_SingleView *******/
#PhotoAlbums_SingleView .pagerCont
{
    border-top:1px dotted #f5c4b7;
}

#PhotoAlbums_SingleView .ThumbsOverview
{
    padding:10px;
    width:606px;
}

.phxDialogContent #PhotoAlbums_SingleView .ThumbsOverview
{
    padding: 10px 0 0;
    width: auto;
    position: relative;
    background: none !important;
}

#PhotoAlbums_SingleView.tagPreview .fullImage
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#PhotoAlbums_SingleView .ThumbsOverview .taggedTitle
{
    margin: 5px auto;
    font-weight: bold;
}

#PhotoAlbums_SingleView .ThumbsOverview #tagBar
{
    border:1px solid #f5c4b7;
    padding:5px 10px 10px 10px;
    margin-bottom:10px;
    background:#fff;
}

#PhotoAlbums_SingleView .ThumbsOverview #tagBar form
{
    width:100%
}

#PhotoAlbums_SingleView .pagerContComment
{
    width: 550px;
}

#PhotoAlbums_SingleView .ThumbsOverview #photoButtons
{
    margin-bottom:10px;
}

#PhotoAlbums_SingleView h2
{
    margin: 0;
    border: none;
}

#PhotoAlbums_SingleView .narrowContent
{
    padding: 10px 0;
    width: 450px;
}

#PhotoAlbums_SingleView ul.commentList
{
    width: 450px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#PhotoAlbums_SingleView ul.commentList li.clearFix
{
    margin: 10px 0;
}

#PhotoAlbums_SingleView .commentList .floatL
{
    width: 50px;
    padding: 0;
    margin: 0 5px 0 0;
}

#PhotoAlbums_SingleView .commentList .floatR
{
    width: 390px;
    padding: 0;
    margin: 0;
}

#PhotoAlbums_SingleView .comment p
{
    padding: 0 5px;
    margin: 7px 0 3px 0;
}

#PhotoAlbums_SingleView label,
#PhotoAlbums_SingleView .fieldBtnSubmit
{
    margin: 7px 3px 0 0px;
}

#PhotoAlbums_SingleView label
{
    width: 200px;
}

#PhotoAlbums_SingleView textarea
{
    width: 550px;
    margin: 7px 0;
}

/******* #PhotoAlbums_Tagging *******/
#PhotoAlbums_Tagging .ThumbsOverview
    {
    padding: 10px;
    margin: 0 auto;
    width: 606px;
}

#PhotoAlbums_Tags .buttonArea
{
    margin: 10px;
    color: #000;
    clear: both;
}

.editMode
{
    cursor: crosshair;
}

#taggedUsers span
{
    line-height:15px;
}

#taggedUsers span a
{
    padding: 2px 0;
}

#taggedUsers span:hover a
{
    background-color: #ffc;
    text-decoration:none;
}

#taggedUsers span.highlight a
{
    background-color: #ffc;
}

.fieldBtnSubmit.disabled
{
    background-color: #a04040;
}

.sortHelper
{
    background-color: #f0f0f0;
    border: 2px dashed #ffcdaa;
    float: left;
}

#PhotoContainer
{
    position: relative;
    margin-bottom: 10px;
}

#PhotoContainer div
{
    text-align: left;
}

/* wraps the image for vertical alignment */
div.imgWrap
{
    margin: 0 auto 20px;
    position: relative;
    width: 600px;
    text-align: center; /* IE6 */
    clear: both;
}

.imgWrapInner > div
{
    display: block;
    margin: 0 auto;
}

.imgWrapInner img
{
    display: block;
    margin: 0 auto;
}

.detailCounter
{
    margin: 10px;
    margin-top: 0px;
}

.descriptional
{
    margin: 10px;
}

#photo-number
{
    float: right;
    margin-top: 3px;
}

* html #photo-number { right: 20px }

.photoTitle
{
    background: #ffcdaa;
    color: #C86428;
    font-weight: 700;
    margin-top: 20px;
    padding: 10px 10px;
}

.PhotoComment
{
    border: 1px solid #f5c4b7;
    background: white;
    padding: 5px 10px 10px 10px;
    margin-bottom: 10px;
}

a.fieldBtn:link,
a.fieldBtn:visited,
a.fieldBtn:hover,
a.fieldBtn:focus,
a.fieldBtn:active
{
    color: #f7f7f7;
    font-weight: normal;
    background: #ff781e;
    border-top: 1px solid #ffa05f;
    border-left: 1px solid #ffa05f;
    border-right: 1px solid #c86428;
    border-bottom: 1px solid #c86428;
    cursor: pointer;
    padding: 2px 7px;
    text-decoration: none;
}

#taggedUsers
{
    margin-bottom: 1em;
    min-height: 2em;
}

* html #taggedUsers
{
    height: 2em;
}

.linkToProfile
{
    margin: 0 10px 1.5em;
    font-weight: bold;
}

.pagerCont-wrapper
{
    width: 100%;
}

#PhotoAlbums_Thumbs .padder strong
{
    display: block;
    padding: 10px;
}

#PhotoAlbums_MovePhotos .obj-fakedscrolling
{
    height: 290px;
}

* html #PhotoAlbums_MovePhotos .obj-fakedscrolling
{
    height: 291px;
}

*:first-child+html #PhotoAlbums_MovePhotos .obj-fakedscrolling
{
    height: 291px;
}

#PhotoAlbums_MovePhotos .obj-fakedscrolling li
{
    padding: 10px;
    min-height: 76px;
}

* html #PhotoAlbums_MovePhotos .obj-fakedscrolling li
{
    height: 76px;
}

#PhotoAlbums_MovePhotos div.addremoveButtons a.disabled,
#PhotoAlbums_MovePhotos div.addremoveButtons a.disabled *
{
    cursor: default;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

#PhotoAlbums_MovePhotos div.highlighted 
{
    background-color: #fff0e1;
}

#PhotoAlbums_MovePhotos .obj-fakedscrolling .photoentry
{
    border-top: 1px solid #ccc;
}

#PhotoAlbums_MovePhotos div.disabled,
#PhotoAlbums_MovePhotos div.disabled *
{
    filter: alpha(opacity=50);
    opacity: 0.5;
    background-color: #ccc;
}
div#Mod-Photo-Album-MovePictureConfirm
{
    overflow: hidden;
}
div#Mod-Photo-Album-MovePictureConfirm img
{
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
div#Mod-Photo-Album-MovePictureConfirm p
{
    margin-top: 0;
}

#Photos_EditTitle form fieldset input.text
{
    margin-bottom: 5px;
    float: none;
    width: 380px;
    overflow: hidden;
}

/*
 * rating section
 */
#Rating
{
    overflow: hidden;
    line-height: 25px;
    margin: 10px 12px;
    width: auto;
}

#Rating-Actions
{
    float: right;
}

.rate-button, .rate-button a
{
    background: url(../../Img/Sprites/sprites-rating.png) 0 -2px;
    display: block;
}

span.rate-button
{
    width: 107px;
    height:28px;
    text-align: center;
    float: right;
}

.rate-button a
{
    width: 28px;
    height: 28px;
}

#Rating-Pro
{
    background-position: 0 -2px;
    float: left;
    cursor: pointer;
}

#Rating-Pro-Clickzone {
    cursor: pointer;
    margin-left: 5px;
}

#Rating-Pro-Clickzone.active {
    cursor: auto;
}

#Rating-Contra
{
    background-position: -110px -2px;
    float: right;
    height: 28px;
    width: 28px;
    cursor: pointer;
}

#Rating-Pro-Clickzone:hover #Rating-Pro
{
    background-position: 0 -32px;
    float: left;
}

#Rating-Contra:hover
{
    background-position: -110px -32px;
    float: right;
}

#Rating-Pro-Clickzone.active #Rating-Pro
{
    background-position: 0 -62px;
    cursor: auto;
}

#Rating-Contra.active
{
    background-position: -110px -62px;
    cursor: auto;
}

#Rating-Meta-Pro
{
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid black;
}

*+html #Rating-Meta-Pro, *+html #Rating-Meta-Contra
{
    float: left;
}
#Rating-Viewer-Pro, #Rating-Viewer-Contra
{
    float: right;
}

#Rating-Reset
{
    clear:both;
    float:right;
}

#ratingDetails ul
{
    width: 400px;
    margin-left: 55px;
}

/* TrendingGroup-Photo-Slider */
div.trending-group-slider .slider{
	height:134px;
}

#Mod-Home-Pagelet #Snipplet-Groups-Slider-Headline
{
	display: none;
}

div.groups-recommendation-slider .slider,
div.trending-group-slider .slider,
.Account-Delete-Slider .slider
{
	height:134px;
}

div.Snipplet-Photos-Slider .groups-recommendation-wrap,
div.Snipplet-Photos-Slider .trending-group-wrap
{
	height:140px;
	margin-bottom:20px;
}

.obj-photo-slider .slider ul#GroupsRecommendation li a,
.obj-photo-slider .slider ul#TrendingGroups li a,
.Account-Delete-Slider div.obj-photo-slider ul a
{
	padding:1px;
	border:none;
	width:85px;
	height:85px;
	overflow:hidden;
	border:1px solid #CCCCCC;
}

.obj-photo-slider .slider ul#GroupsRecommendation li img,
.obj-photo-slider .slider ul#TrendingGroups li img,
.Account-Delete-Slider div.obj-photo-slider ul li a img
{
	max-height:85px;
	max-width:85px;
}

.obj-photo-slider .slider ul#GroupsRecommendation li a.group-name,
.obj-photo-slider .slider ul#TrendingGroups li a.group-name,
.Account-Delete-Slider div.obj-photo-slider ul a.group-name
{
	padding:0;
	border:none;
	width:89px;
	height:45px;
	border:none;
}

/*
 * Photo GWT Switch teaser
 */
.obj-box.full.standalone.Photo-GWT-Switch {
	margin-bottom: -10px;	
}

.obj-box.full.standalone.Photo-GWT-Switch a{
	display: block;
	height: 110px;
	background: url(../../Img/foto-gwt-switch.jpg);
}