/* View Photo Album */
.j-photo .jive-content {padding:22px;}
.j-photo .jive-content header .jive-icon-big {
	position: absolute;
	left: 0;
    top: 3px;
}
.j-photo .jive-content header h1 {
	overflow: hidden;
	padding-left: 32px;
	position: relative;
}

.jive-photo-album-body {
    border: 1px solid #dadada;
    padding: 10px;
}
.j-photo .j-pagination,
.j-photo .jive-items-per-page {
    float: right;
    clear: both;
    padding-bottom: 6px;
    padding-right: 0;
}
.j-photo .jive-items-per-page select {
    margin-right: 6px;
}
.j-photo .jive-photo-album-content {
    clear: both;
    padding-top: 5px;
}
.jive-photo-view-container {
    padding: 15px 0 0 0;
}
.jive-photo-album-image {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DADADA;
    padding: 2px;
}
.jive-widget-body .jive-album-info-mini {
    width: 150px;
}
.jive-album-info-mini {
    background: #333333 none repeat scroll 0 0;
    border: 1px solid #666666;
    bottom: 9px;
    left: 7px;
    position: absolute;
    text-align: center;
    width: 90px;
    color: white;
}
.jive-album-info-mini a {
    color: #BBBBBB;
    display: block;
    margin: 2px;
    font-size: 0.8em;
}


.jive-photo-preview-li, .jive-photo-view-li {
    width: 212px;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display:inline-block; zoom:1; *display:inline;/*IE*/ vertical-align:top; float:none;
    vertical-align: top;
    word-wrap: break-word;
    padding-bottom: 10px;
    text-align: center;
}
/* streams */
.jive-photo-album-preview .jive-photo-view-li {width:auto;}
.jive-photo-album-preview .image-wrapper {padding:0 3px;}
.jive-photo-album-preview .jive-photo-album-image {border:solid 1px #eee; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}
.j-act-exp-content-body-view .jive-photo-album-image {width: 100%;}


/* For full-view in the Activity Stream, don't show the magnify cursor in Firefox */
.jive-photo-view-li img {
    cursor: auto;
}
.jive-photo-preview-li {
    width: auto;
    margin: 0 10px;
}
.jive-photo-view-li .photo-title {
    width: 172px;
    margin: 0 auto;
    text-align:center;
    font-size: .92em;
}
.j-photo .image-wrapper {
    padding-top: 10px;
    min-height: 60px;
}
.j-photo .photo-subject {
    padding-left: 30px;
    padding-bottom: 5px;
}

.jive-widget-body .content-small .jive-photo-view-li {
    width: 200px;
}

.jive-widget-body .content-small .image-wrapper {
    padding: 0;
}

.jive-widget-body .content-large .jive-photo-view-li p {
    padding: 0 0 9px 0;
    font-size: 0.8889em;
    color: #999999;
}

.jive-widget-body .content-large .jive-photo-view-li a {
    color: #999999;
}
/* Used on the View Photo Album page */
#photo-list {
    padding: 10px;
}
/* Used in What Matters & Communications stream */
.photo-list {
    padding-top: 22px;
}
.jive-photo-album-preview .photo-list {
    padding: 12px 0 0;
}

.image-wrapper {
    position: relative;
    display: inline-block;
    padding: 0 19px;
}
.jive-photo-preview-li .image-wrapper {
    padding:  0;
}

.action-icons {
    position: absolute;
    top: 12px;
    right: -5px;
    width: 16px;
}
.action-icons > * {
    display: block;
    margin-bottom: 4px;
}
.action-icons span {
    margin-bottom: 5px;
}
.jive-photo-cover-on,
.jive-photo-cover-off{
    display: block;
    float: left;
    margin-top: 2px;
}

.jive-photo-cover-on {
    opacity: 0.4;
}
#jive-empty-photos {
    padding: 10px 0;
}
#jive-empty-photos a {
    font-size: 1.4444em;
    font-weight: bold;
    padding: 1px 9px 3px 4px;
    text-decoration: none;
}
#jive-empty-photos p {
    padding: 0 0 0 35px;
    font-size: 0.8889em;
    font-weight: normal;
    margin: 0;
}



/* Edit Photo Album */
#jive-photo-album-authorship {
    margin: 15px 0;
}
#jive-photo-input-form .jive-compose-section ul li {
    list-style:  none;
}
.j-photo textarea {
    width: 99%;
}

#photo-album-contributors-section {
	width: auto;
	position: relative;
	margin: 20px 46px 0;
}

#photo-album-contributors-section .j-publish-group {
	padding-top: 16px;
}

#photo-album-contributors-section section.j-publish-group > ul > li {
	margin: 18px 20px 10px 0;
	display:inline-block; zoom:1; *display:inline;/*IE*/ vertical-align:top; float:none;
}

.j-form #photo-album-contributors-section label {
	display:inline-block; zoom:1; *display:inline;/*IE*/ vertical-align:middle; float:none;
}

#js-add-photo-button {margin:20px 0;}

/* make old ftl categories look more like Jive 6 */
#jive-photo-input-form #jive-compose-categories h4 { font-size:1em; margin-bottom:5px; }
#jive-photo-input-form #jive-compose-categories h4 .jive-icon-med {display:none;}
#jive-photo-input-form #jive-compose-categories h4 .font-color-meta-light {font-weight:normal;}


/* Browse Photo Albums */
.jive-photo-album-info {
    position: relative;
    text-align:center;
    width:106px;
}

.jive-photo-album-info:hover {
    text-decoration: none;
}

.jive-widget-body .jive-photo-album-info {
    width: 166px;
    min-height: 143px;
}

.jive-photo-album-image {
    border: solid 1px #e5e5e5;
    -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, .2);
    -moz-box-shadow: 0 0 10px rgba(100, 100, 100, .2);
    -webkit-box-shadow: 0 0 10px rgba(100, 100, 100, .2);
    box-shadow: 0 0 10px rgba(100, 100, 100, .2);
    padding: 6px;
    background: #fff;
}
.jive-photo-album-image:hover {
    border: solid 1px #aedefe;
}
.jive-photo-album-info .jive-photo-album-image {
    display: block;
    margin: 0 auto;
}
.j-content-thumb .jive-photo-album-image {
    padding: 0;
}
.j-content-thumb .jive-photo-album-info {
    width: auto;
}
.j-content-thumb .jive-album-info-mini {
    left: 44px;
    width: 110px;
}
/* Photos */
.jive-icon-photo.jive-icon-sml {
    background-image: url( ../images/icon-photo-12x12.png);
    background-position: 0 0;
}
.jive-icon-photo.jive-icon-med {
    background-image: url( ../images/icon-photo-16x16.png);
    background-position: 0 2px;
}
.jive-icon-photo.jive-icon-big {
    background-image: url( ../images/icon-photo-24x24.png);
    background-position: 0 3px;
}
.jive-icon-photo-add {
    background-image: url( ../images/icon-photo-add-16x16.png);
    background-position: 0 0;
}

/* Begin: Add Photos to album */
#jive-photo-files .jive-form-element, #jive-photo-input-form .jive-form-element {
    margin-bottom: 10px;
}

#jive-photo-files .jive-form-label {
	float: left;
}

#jive-photo-files .jive-form-element,
#jive-photo-files .jive-form-label {
	width: 604px;
}

#jive-photo-files #jive-compose-tags,
#jive-photo-input-form #jive-compose-tags {
	margin: 0;
	padding: 0;
}

#js-bulk-upload-link {
    margin-bottom: 20px;
}

.jive-add-photo-row {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    background-color: #FAFAFA;
    border: 1px solid #DADADA;
    float: left;
    font-weight: bold;
    margin: 8px 12px 18px 0;
    padding: 5px;
    text-align: center;
    width: 160px;
}
.jive-photo-delete-button {
    float: right;
}
#new-photo-file-row {
    display: none;
}
#jive-photo-files {
    border-top: 1px solid #999;
    padding-top:15px;
}
#jive-photo-files .j-form-row {
    border-top: 1px solid #eee;
    padding-top:15px;
}
#jive-photo-files .j-form-row:first-child {
    border-top: none;
    padding-top:0;
}
#jive-photo-files .j-form-element {
    padding: 10px 0;
}
#jive-photo-files textarea {
    height: 67px;
}
#js-modal-bulk-upload .j-form-element {
    padding: 0 0 15px;
}
/* --------------------------------------------- */
/*  Upload progress bar styles				   */
/* --------------------------------------------- */
.progressBar { padding: 12px 0; }
.progressBarBox {
	width: 350px;
	height: 20px;
	border: 1px inset #467e26;
	background: #eee;
	}
.progressBarBoxContent {
	width: 0;
	height: 20px;
	border: 1px inset #fff;
	background: #86c562;
	}


/* View Photo 8?
/*  Begin: View Photo */
.jive-photo-description {margin-bottom:10px;}

.jive-photo-view .jive-photo-moderating,
.jive-album-display .jive-photoalbum-moderating {
    display: none;
}

.jive-photo-moderated .jive-photo-moderating,
.jive-photoalbum-moderated .jive-photoalbum-moderating {
    display: block;
    color: #d89757;
    font-size: 1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 4px 3px 3px 8px;
    margin: 0 0 10px 0;
    border-bottom: solid #d89757 1px;
}

.jive-photo-moderated,
.jive-photoalbum-moderated {
    background: #fbfbde url(../images/jive-thread-bg-mod.png) no-repeat top right;
    border-color: #e8e0b3;
}
.jive-photo-body {position:relative;}
.jive-photo-body .jive-photo-previous,
.jive-photo-body .jive-photo-next {
	text-align: left;
    width:50px;
    position:absolute;
    top:32%;
    margin-top:-15px;
}
.jive-photo-body .jive-photo-next {
	right:0;
	text-align:right;
}
.jive-photo-body .jive-photo-previous-link,
.jive-photo-body .jive-photo-next-link {
	display:block;
	font-size:11px;
	line-height:12px;
}
.jive-photo-body .jive-photo-current div {
    margin: 0 70px;
    text-align: center;
}
.jive-photo-body .jive-photo-current div .jive-photo-original,
.jive-photo-body .jive-photo-current div .jive-photo-metadata {
	margin-top: 5px;
}
.jive-photo-body .jive-photo-current div .jive-photo-original span,
.jive-photo-body .jive-photo-current div .jive-photo-metadata span {
	background-position: 0 2px;
	display: inline-block;
	float: none;
	margin: 0 2px;
	height: 16px;
	width: 16px;
}
#js-modal-metadata {
    width: 85%
}
#js-modal-metadata .jive-modal-content {
    overflow-x: scroll;
}
.jive-photo-body .jive-photo-current div img, .jive-photo-preview img {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DADADA;
    padding: 5px;
    max-width: 90%;
}
.jive-photo-body .jive-photo-previous img, .jive-photo-body .jive-photo-next img {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DADADA;
    margin: 0;
    padding: 1px;
}
.jive-photo-previous .empty-photo, .jive-photo-next .empty-photo {
    width:50px;
    height:50px;
}