h1 {
	text-align: center;
	font-variant: small-caps;
	margin-bottom: 0.375em;
}

/* - - - - - - - - - - - - - - - - - - */

#usrboxProfileImg {
	position: relative;

	overflow: hidden;
	flex-basis: 27%;
	min-height: 12em;
	
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
}
	
#boxUserBar {
	position: relative;
	align-content: stretch;
	flex-wrap: wrap;
}

#boxMiddleArea {
	flex-grow: 2;
	padding: 0.5em;
	
	display: flex;
	flex-direction: column;
}

/* - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - */

#boxOwnerUserTools {
	display: none;
	flex-grow: 1;
}

#boxOwnerUserTools > div {
	display: flex;
	flex-direction: column;
}
	
#boxOwnerUserTools div > * {
	list-style-type: none;
	text-align: center;
	
	font-size: 1.25em;
	font-weight: bold;
}

#boxOwnerUserTools .ownerTools {
	/* for just the .ownerTools in the boxMiddleArea */
	border: 0.125em solid rgba(var(--emphsis-color), 0.6);
}

#boxOwnerUserTools .ownerTools:hover {
	background-color: rgba(var(--emphsis-color), 0.5);
}

#boxOwnerUserTools .usrbtnLogout {}
/* - - - - - - - - - - - - - - - - - - */

#boxUserStats {
	flex-basis: 20%;
	font-size: 0.9em;
	flex-shrink: 1;
}

#boxUserStats h2 {
	margin: 0;
	text-align: center;
}

#boxUserStats table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	white-space: nowrap;
}

#boxUserStats tr:nth-child(odd){
	background-color: rgba(0,0,0, 0.15);
}

#boxUserStats td:nth-child(1){
	text-align: right;
	padding-right: 0.25em;
}

#uid {
	font-size: 0.5em;
	font-style: italic;
	text-align: right;
	margin: 0.125em auto;
	line-height: 0.6em;
}

/* - - - - - - - - - - - - - - - - - - */

#albItemContainer {
	
}

/* - - - - - - - - - - - - - - - - - - */
#boxAlbumInfoContainer {
	background-color: rgba(0,0,0,0.15);
	
	border-radius: 0.51rem;
	padding: 0.5rem;

	position: relative;
	text-align: center;
	
	margin-bottom: 2em;
}

#boxAlbumInfoContainer .albInfoTitleBox {
	display: flex;
}

#boxAlbumInfoContainer .albInfoTitleContainer {
	flex-grow: 1;
}

#boxAlbumInfoContainer .btnCopyAlbLink {
	flex-basis: 5em;
	
	border: 0.25em solid #CCC;
	border-radius: 1em;
	background-color: rgba(255,255,255, 0.5);
	
	padding: 0.33em;
	font-size: 0.8em;
	
	height: 1.8em;
}

#boxAlbumInfoContainer .albTitle {
	
}

#boxAlbumInfoContainer .albTitleEdit {
	display: none;
}

#boxAlbumInfoContainer .albTitleEdit p {
	display: flex;
	align-items: center;
}

#boxAlbumInfoContainer .albTitleEdit input {
	flex-grow: 1;
	font: 1.7rem 'Trebuchet MS', Verdana, Arial;
	text-align: center;
}

#boxAlbumInfoContainer .albTitleEdit button {
	flex-basis: 27%;
	margin: 0 0.5rem;
	padding: 0.5rem;


	font-weight: bold;
}
/* - - - - - */
#boxAlbTitleSubtext {
	font-size: 0.85rem;
	font-style: italic;
	font-variant: small-caps;
	
	
}
/* - - - - - */
#boxAlbSettings {
	display: none;
	position: relative;
	
	border-radius: 0.5rem;
	
	border: 2px solid rgba(0,0,0,0.33);
    border-radius: 7px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75);
	
	padding: 0.25rem;
	padding-top: 0.1rem;
	
	margin: 0.5em 0.125em auto 0.125em;
}

#boxAlbSettings h3 {
	margin-bottom: 0.5em;
}

#boxAlbSettings .boxAlbSettingsContainer {
	
}

#boxAlbSettings .boxAlbSettingsInfo {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#boxAlbSettings .boxAlbSettingsInfo > * {
	text-align: left;
}

#boxAlbSettings .boxAlbSettingsInfo li {
	display: flex;
	
	margin: 0;
}

#boxAlbSettings .boxAlbSettingsInfoLeft {
	flex-basis: 23%;
	text-align: right;
	padding-right: 0.6em;
}
/*
#boxAlbumInfoContainer .boxAlbumDescription {
	flex-grow: 1;
}
*/

/* - - - - - */

#boxAlbSettings .boxPrivDescription {
	display: inline-block;
	
	font-style: italic;
	font-size: 0.85em;
	
	border: 0.1em solid black;
	border-radius: 0.5em;
	
	padding-left: 0.33em;
	padding-right: 0.33em;
}

/* - - - - - */

#boxAlbSettings .boxActions {
	display: flex;
	justify-content: space-around;
}

#boxAlbSettings .boxActions > * {
	flex-grow: 1;
	justify-content: 49%;
}

#btnAlbSetDefault {
	margin-right: 0.5em;
	border-bottom-left-radius: 0.5em;
}


#btnAlbDelete {
	margin-left: 0.5em;
	border-bottom-right-radius: 0.5em;
}


/* - - - - - - - - - - - - - - - - - - */

.boxAlbPrivWarning {
	font-size: 0.8em;
	font-variant: small-caps;
	text-align: center;
}

.ownerToolBoxItem {
	display: none;
}


/* - - - - - - - - - - - - - - - - - - */

.noAlbumBox {
	display: none;
	
	position: relative;
	text-align: center;
	
	background-color: rgba(255,255,255,0.5);
	
	border: 0.125em solid #FFF;
	border-radius: 0.5em;
	
	margin: auto 2em;
	
	padding: 1em;
	font-size: 1.1rem;
}

.noAlbumBox h2 {
	font-variant: small-caps;
	font-size: 1.3em;
	margin-bottom: 0.75em;
}

.noAlbumBox a {
	padding: 0.33em;
}

#boxAlbumList-NoAlbumsUser {

}


/* - - - - - - - - - - - - - - - - - - */
#albAlbum404 {
	display: none;
	
	text-align: center;
}

#albAlbum404 p {
	margin-top: 0.3em;
}

#albAlbum404 a {
	font-size: 1.3em;
}

/* - - - - - - - - - - - - - - - - - - */
#boxAlbumNav {
	position: relative;
	margin: 0.25rem auto;
	
}

#boxAlbTypeTabs {
	display: flex;
	box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.75);
	
	margin-bottom: 0.5em;
	height: 2em;
}

#boxAlbTypeTabs > * {
	flex-grow: 1;
	flex-basis: 49%;
	transition: 0.4s;
	
	cursor: pointer;
}

#boxAlbTypeTabs > *:first-child {
	border-right: 3px solid #CCC;
}

#boxAlbTypeTabs .albTab-alb {
	
}

#boxAlbTypeTabs .albTab-fav {
	
}

#boxAlbumNav .albTypeAlbums {
	min-height: 5em;
}
/* ********************************************** */

#boxAlbumNavTools {
	
}

#usrNumUploads {
	font-weight: normal;
	font-size: initial;
}

.albTypeAlbums .albTab h2 {
	font-size: 1.1em;
}

.albTypeAlbums {
	//display: none;
	
	position: relative;
	padding-bottom: 0.5em;
}

.albTypeAlbums > div {
	border: 2px solid #CCC;
	position: relative;
	
	padding: 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.125em;
	text-align: center;
	//flex-grow: 1;
	
	font-size: 1.25em;
	font-weight: bold;
	
	margin: 0.5em 0.25em;
	overflow:hidden;
	
	box-shadow: 4px 4px 17px -5px #000;
}

#boxAlbumNav .albTypeAlbums > div .albCount {
	display: block;
	font-weight: normal;
	font-size: initial;
	white-space: nowrap;
}

#boxAlbumNav .albTypeAlbums > div img {
	float: left;
	margin-right: 10px;
}


#boxAlbumNav .albTypeAlbums .albTab {
	flex: 0 0 auto;
}

#boxAlbumNav .albTypeAlbums .albCount {
	font-size: 0.75em;
	font-style: italic;
	font-variant: small-caps;
}

#boxAlbumNav .albTypeAlbums .currentAlb {
	border-color: green;
}

.proto {
	//display: none;
}

/* - - - - - - - - - - - - - - - - - - */

.mobsetCaptionMsg input {
	font-size: 1.2em;
	margin-left: 0.25em;
}

/* - - - - - - - - - - - - - - - - - - */

.sadBox {
	position: relative;
	margin: auto;
	
	text-align: center;
}

#boxAD3 {
	overflow: hidden;
	margin-top: 1em;
}

#boxAD3 img {
	width: 100%;
	max-width: 768px;
}

/* - - - - - - - - - - - - - - - - - - */
#boxConversations {
	display: none;
	
}
/* - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - */

@media (max-width : 768px) {
	#boxAlbumList .albTab h2{
		font-size: 1.5em;		
	}
	
	.linkButton {
		font-size: 1.2em;
	}
	
	.btnMoveAlbum {
		font-size: 1.2em;
		font-weight: bold;
	}
}

/* - - - - - - - - - - - - - - - - - - */
/*  owner TOols  - - - - - - - - - - - */

.linkButton {
	display: flex;
}

.linkButton button {
	border-radius: 7px;
	
	white-space: nowrap;
	font-variant: small-caps;
}

.linkButton.libLink button {
	border: 0.125em solid rgba(113, 242, 122, 0.8);
	margin-right: 0.6em;
}

.linkButton.libLink button:last-child {
	margin-right: 0;
}

.ownerTools {
	background-color: rgba(255,255,160,0.20) !important;
	margin: 0.5em;
	border-radius: 15px;
	overflow: hidden;
	padding: 0.25em;
}

.ownerTools h3 {
	background-color: rgba(255,255,160,0.50);
	padding-bottom: 0.125em;
}

.snsLibItemsContainer .ownerToolsItems {}

.snsLibItemsContainer .ownerTools li {
	position: relative;
	
	list-style-type: none;
	flex-basis: 52%;
	
	margin: 0.625em 0.062em;
	padding: 0.125em;
	
	border: 2px solid #CCC;
	border-radius: 7px;
	font-weight: 500;
	font-variant: small-caps;
	
	cursor: pointer;
}

.snsLibItemsContainer .ownerTools li:hover {
	background-color:rgba(255,255,0,0.35);
}

.snsLibItemsContainer .ownerTools .switch {
 bottom: -3px; 
 margin-left: 0.5em;
}


/* - - - - - - - - - - - - - - - - - - */
.snsLibItemsContainer .owntbtnDelete { background-color: rgba(255,0,0,0.3); }

/* ---- */

.snsLibItemsContainer .owntAllowComments { flex-basis: 2; }

/* ---- */

.mobsetCaptionMsg input {
	font-size: 1.2em;
	margin-left: 0.25em;
}

/* ---- */
.owntselPostPrivacy {
	flex-grow: 1;
	padding: 0.125em;

	display: flex;
	align-items: center;
}

.owntselPostPrivacy select {
	margin: 0.125em;
	min-width: 6em;
}

.ppoDesc {
	position: relative;
	font-size: 0.8em;
	line-height: 0.85em;
	
	flex-grow: 1;

}
/* - - - - - - - - - - - - - - - - - - */

.selUsrAlb {
	margin-right: 0.5em;
}

.owntUsrAlbum {
	position: relative;
	
	flex-basis: 100% !important;
	
	display: flex;
	flex-direction: row;
	
}

.owntUsrAlbum > div {
	flex-grow: 1;
	//width: calc(100% - 0.75em);
	
}

.owntUsrAlbum .btnMoveAlbum {
	padding: 0.5em;

	flex-basis: 20%;
	flex-shrink: 1;
	
}

.boxUsrAlbNew {
	display: none;
}

.boxUsrAlbNew div {
	font-size: 0.8em;
}

/* - - - - - - - - - - - - - - - - - - */

.minibar {
	
}
/*
.snsLibItemsContainer .minibar .easylink input {
	margin: 0.25em;
	border-top-left-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}
*/