/**
 * @copyright   (C) 2011 - 2016 Mike Feng Jinglong - All rights reserved.
 * @license  GNU General Public License, version 3 (http://www.gnu.org/licenses/gpl-3.0.html)
 * @author  Mike Feng Jinglong <mike@simbunch.com>
 * @url   http://www.simbunch.com/license/
*/
#open-theater {cursor:pointer;position:absolute;top:10px;right:10px;font-size:24px;width:24px;height:24px;line-height:24px;text-shadow:-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;color:#fff;opacity:0.5; z-index:100;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

#browse-body-wrapper {background:url(../images/browse-loading.gif) no-repeat 50% 50%;min-height: 80px;font-size:0px;max-width:100%;}
#browse-body { background-color: #f6f6f6; margin: 10px 0px;text-align:center;min-height: 80px; position:relative; }
#browse-body .left, #browse-body .right {position:absolute; bottom:0px; opacity:0.85; filter:alpha(opacity=85); font-weight:bold; font-size:12px;}
#browse-body .left:hover, #browse-body .right:hover {opacity:1; filter:alpha(opacity=100);}
#browse-body .left {float:left; left:0px;}
#browse-body .right {float:right;right:0px;}
#browse-body .tagging-message {text-align:center;line-height:30px;display:none;position:absolute;left:0px;bottom:0px; opacity:0.85; filter:alpha(opacity=85);font-size:12px; width:100%;background-color:#fff;z-index:100;}
#browse-body #photo-container {display:inline-block;margin:0 auto;position:relative;border:0px;max-width:100%;max-height:100%;}
#browse-body .like-link {border-radius:4px 0px 0px 4px; border-right:0px;}
#browse-body .comment-link {border-radius:0px 4px 4px 0px;}
#photo-src { max-height:95vh;display:block;max-width:100%;margin:auto;width:auto;height:auto;}
#video-src {z-index:300;display:block;max-width:100%;margin:auto;width:480px;height:360px;}
@media screen and (min-width:768px) {
	#video-src {width:768px; height:600px;}
}
#video-src > * {width:100% !important; height:100% !important;}
#browse-header {font-size: 14px;}
#browse-header .left {float: left;}
#browse-header .right {float: right;}

#heart {display:none;height:100%;width:100%;position:absolute;text-align:center;vertical-align:middle;}
#heart > i {font-size:60px;color:#fff;vertical-align:middle;opacity:0}
#browse-body .mobile-left, #browse-body .mobile-right {position:absolute;top:0px;opacity:0.85;top:50%;transform:translateY(-50%);}
#browse-body .mobile-left {left:0px;}
#browse-body .mobile-right {right:0px;}

#browse-footer { background-color: #fff; }
#browse-footer .inner {display:flex;flex-wrap:wrap;width:100%;}
#browse-footer .inner > * {min-width:0;}
#browse-footer .inner .browse-footer-left, #browse-footer .inner .browse-footer-right { flex:1 300px; }
#browse-footer .inner .browse-footer-right {margin-top:10px;}

@media screen and (min-width:768px) {
	#browse-footer .inner .browse-footer-left {padding-right:15px;}
	#browse-footer .inner .browse-footer-right {max-width:240px;font-size:14px;line-height:20px;margin-top:0px;}
}

.taginfo-ul { padding:0px; margin:0px;overflow:visible; }
.taginfo-ul > li { list-style:none; padding:0px; margin:3px 0px 0px; }
.taginfo-ul > li .left { float:left; padding-left: 3px; }
.taginfo-ul > li .left img { width: 32px; height:32px; }
.taginfo-ul > li .taginfo { margin-left:40px; padding:3px 0px; font-size:14px;}
.taginfo-ul li .taginfo .photo-description { margin-bottom:5px; }
.taginfo-ul > li .taginfo .tag-owner { font-weight:bold; }
.taginfo-ul > li .taginfo .actionslinks { line-height:24px; vertical-align:middle;}
.taginfo-ul > li .taginfo .actionslinks .editphoto-text {display:none;}
.taginfo-ul > li .taginfo .usertagstring {margin-top: 3px;}
.taginfo-ul > li .taginfo .taggedwith {}

/* photo controls */
.showMediaModal {width:100vw !important;bottom:0px !important; top:inherit !important;}
#browse-footer .browse-footer-right .browse-access-icon {margin:0px 4px 0px 0px; color:#000; font-size:14px;}
#browse-footer .browse-footer-right .actions-section {padding:8px 0px 8px 8px; border-bottom:1px solid #E0E0E0;}
#browse-footer .browse-footer-right .actions-section .fa {width:16px;text-align:center;}
#browse-footer .browse-footer-right .actions-section a.actions-section-link {display:inline-block;}
#browse-footer .browse-footer-right .profilepicture-changeaccess-btn {display:inline-block; margin-left:8px;}
#browse-footer .browse-footer-right .profilepicture-changeaccess-btn .dropdown-toggle {padding:0px 10px;font-size:12px;}
#browse-footer .browse-footer-right .profilepicture-changeaccess-btn .dropdown-toggle i {font-size:14px; margin:1px 5px 0px 0px;}
#browse-footer .rotate-left, #browse-footer .rotate-right {}
#browse-footer .rotate-left i, #browse-footer .rotate-right i {font-size: 17px;}

/* edit album access popup */
#editalbum-form {margin:0px;}
#editalbum-form .control-group {margin-bottom:10px;}
#editalbum-form .control-label {width:100px;}
#editalbum-form .controls {margin-left:120px;}
#editalbum-form .editalbum-date {cursor:pointer;}
.editalbum-footer {padding:15px 0px 0px; border-top:1px solid #ddd; font-size:14px;}
.editalbum-footer .left {float:left; padding-left:10px;}
.editalbum-footer .right {float:right; padding-right:10px;}
.editalbum-footer .right a {margin-left:5px;}

#photo-edit {display:none; margin-top: 5px;}
#photo-edit .photo-edit-inner {border:1px solid #E0E0E0;}
#photo-edit .photo-edit-buttons {text-align:right; margin-top:5px;}
#photo-edit .photo-edit-buttons a {margin-left: 5px;}
#photo-edit .photo-edit-section #description-textarea,
#photo-edit .photo-edit-section #videotitle,
#photo-edit .photo-edit-section #videolocation
{ margin:0px; padding:3px 5px; font-size:13px; border:1px solid #E0E0E0; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0px; }
#photo-edit .photo-edit-section #videolocation {height:30px;}
#photo-edit .photo-edit-section #videotitle, #photo-edit .photo-edit-section #description-textarea, #photo-edit .photo-edit-section #videolocation { width:100%;box-sizing:border-box; }
#photo-edit .photo-edit-section { padding: 3px; }
#photo-edit .tag { margin: 1px 3px 0px 0px; font-size:11px; line-height:12px; padding:2px 4px; }
#photo-edit .tag button.close { height:12px; font-size:12px; line-height:12px; }
#photo-edit .photo-edit-section.dotted { border-top: #E0E0E0 1px dashed;}


/* reporting stuff */
.reportphoto-content label {font-weight:normal;}
.reportphoto-content .left, .reportphoto-content .right {display:inline-block;vertical-align:top;}
.reportphoto-content .left {width: 140px;text-align:center;margin-right:10px;font-size:14px;}

/* embed/tag stuff */
.tagvideo-content, .embedvideo-content {width:400px;position:relative;}