@charset "utf-8";
/* MB Photo 2.0 Home CSS Document - all devices */

@media all
{
 .button.on
	{ background-color: rgba(0,224,0,0.6); }
 .button.on:hover
	{ background-color: rgba(0,224,0,1.0); }
 .button.hold
	{ background-color: rgba(255,128,0,0.6); }
 .button.hold:hover
	{ ackground-colorb: rgba(255,128,0,1.0); }
 .button.off
	{ background-color: rgba(255,0,0,0.6); }
 .button.off:hover
	{ background-color: rgba(255,0,0,1.0); }
 .button.edit
	{ background-color: rgba(0,0,255,0.5); }
 .button.edit:hover
	{ background-color: rgba(0,0,255,1.0); }
 .button.archive
	{ background-color: rgba(255,128,0,0.5); }
 .button.archive:hover
	{ background-color: rgba(255,128,0,1.0); }

 .button.language
	{ background-color: rgba(128,128,128,0.6); }
 .button.language.on
	{ background-color: rgba(0,0,255,0.7); }
 .button.language:not(.on):hover
	{ background-color: rgba(0,0,255,1.0); }

 .button.grey
	{ background-color: rgba(128,128,128,0.6); }
 .uttonb.grey:hover
	{ background-color: rgba(128,128,128,1.0); }
 .button.delete
	{ background-color: rgba(128,128,128,0.6); }
 .button.delete:hover
	{
	 color: black;
	 background-color: rgba(255,192,0,1.0);
	}
 .site_admin.button
	{
	 color: white; 
	 font-size: 2vw;
	 padding-top: 0.8vw;
	 margin-bottom: 0.5vmax;
	 float: none;
	 text-align: center;
	 vertical-align: middle;
	 position: relative;
	 left: 0; top: 0;
	 z-index: 1000;
	}
 .site_admin.button.ok
	{ }
 .site_admin.button.round
	{ 
	 width: 4vw; height: 4vw;
	 border-radius: 50%;
	 -moz-border-radius: 50%;
	 -opera-border-radius: 50%;
	 -khtml-border-radius: 50%;
	 -webkit-border-radius: 50%;
	}
 .site_admin.button.wide
	{ 
	 width: auto; height: 4vw;
	 padding: 0.8vw 1.5vw 0;

	 border-radius: 2vw;
	 -moz-border-radius: 2vw;
	 -opera-border-radius: 2vw;
	 -khtml-border-radius: 2vw;
	 -webkit-border-radius: 2vw;
	}
 .site_admin.button:not(.hold):not(.lock):active
	{ left: 0.2vw; top: 0.2vw; }


 BODY
	{ }
	DIV#main
		{ }	
		.main DIV#top
			{ }
		.main DIV#menu
			{ } /* mb_photo_20_menu.css */
		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }
				.main DIV.container DIV.content DIV.share_wrapper
					{ }
				.main DIV.container DIV.content DIV.left
					{ }
					.main DIV.container DIV.content DIV.left DIV.album
						{ }
					.main DIV.container DIV.content .album DIV.topic
						{ }
						 DIV.topic .admin_buttons
							{
							 position: absolute;
							 left: -0.8vw; top: -0.8vw;
							 z-index: 900;
							 ackground-colorb: purple;
							}

	
BODY
	{ }
	#popup_container
		{ }
		#popup_container #popup
			{ }
			#popup #popup_inner
				{ }
				#popup_inner #popup_content
					{ }

					#popup_content #edit_album
						{
						 width: 100%; height: 100%;
						 position: relative;
						 left: 0; top: 0;
						 verflowo: auto;
						 ackground-colorb:#F00;
						}
						#edit_album #cover_image
							{
							 width: 20.3vw; height: 31vw;
							 margin-right: 1.5vmax;
							 position: relative;
							 left: 0; top: 0;

							 background-color: white;
							 background-size: cover;
							 background-position: center center;
							}

						#edit_album #album_info
							{
							 width: calc(100% - 21.8vw); height: 31vw;
							 position: absolute;
							 right: 0; top: 0;
							 padding: 1.5vw;
							}
							#album_info #album_form
								{
								 box-sizing: inherit;
								 width: 100%; height: auto; /*22.2vw;*/
								 position: relative;
								 left: 0; top: 0;

								 font-size: 1.6vw;						
								}
								#album_form .form_inner
									{
									 width: 100%; height: auto;
									 position: absolute;
									 left: 0; top: 0;
									 background-color: white;
									}
								#album_form .form_both
									{
									 width: 100%; height: auto;
									 position: absolute;
									 left: 0; top: 17.5vw;
									 ackground-colorb: white;
									}
								#album_form DIV.form_inner:first-of-type
									{ display: none; }
									#album_form P
										{
										 width: 100%; height: auto;
										 margin: 0;
										 margin-bottom: 1vw;
										 float: left;
										}
									#album_form P.half-width
										{
										 width: 50%; height: auto;
										}
										#album_form P INPUT, P TEXTAREA
											{
											 width: 100%; height: auto;
											 box-sizing: border-box;
											 padding: 0.3vw 0.7vw;
											 border: solid 1px #DDD;
											 margin: 0;

											 font-family: inherit;
											 font-size: 1.8vw;
											}
										#album_form P .title
											{
											 width: 100%; height: 4vw;
											 font-family: 'ArrusBT';
											 font-size: 3vw;
											 font-weight: bold;
											}
										#album_form P TEXTAREA
											{
											 padding: 0.7vw;
											}
										#album_form P.half-width INPUT
											{
											 width: 80%; height: auto;
											}

							#album_info #language_select
								{
								 width: 100%; height: auto;
								 position: absolute;
								 left: 0; bottom: 0;
								 padding: 1vw 1.5vw;
								}
								#language_select .button
									{
									 display: inline-block;
									 margin-right: 2vw;
									}
								#language_select .button.wide
									{
									 float: right;
									 margin-right: 0;
									 margin-left: 2vw;
									}

					#popup_content #edit_art
						{
						 width: 100%; height: 100%;
						 position: relative;
						 left: 0; top: 0;
						 verflowo: auto;
						 ackground-colorb:#F00;
						}
						#edit_art #cover_image
							{
							 width: 31vw; height: 31vw;
							 margin-right: 1.5vmax;
							 position: relative;
							 left: 0; top: 0;

							 display: table-cell;
							 text-align: center;
							 vertical-align: middle;

							 /*background-color: lightgrey;
							 background-size: contain;
							 background-position: center center;
							 background-repeat: no-repeat;*/
							}
							#edit_art #cover_image IMG.portrait
								{ width: auto; height: 100%; }
							#edit_art #cover_image IMG.landscape
								{ width: 100%; height: auto; }

						#edit_art #art_info
							{
							 width: calc(100% - 32.5vw); height: 31vw;
							 position: absolute;
							 right: 0; top: 0;
							 padding: 1.5vw;
							}
							#art_info #art_form
								{
								 box-sizing: inherit;
								 width: 100%; height: auto; /*22.2vw;*/
								 position: relative;
								 left: 0; top: 0;

								 font-size: 1.6vw;						
								}
								#art_form .form_inner
									{
									 width: 100%; height: auto;
									 position: absolute;
									 left: 0; top: 0;
									 background-color: white;
									}
								#art_form .form_both
									{
									 width: 100%; height: auto;
									 position: absolute;
									 left: 0; top: 17.5vw;
									 ackground-colorb: white;
									}
								#art_form DIV.form_inner:first-of-type
									{ display: none; }
									#art_form P
										{
										 width: 100%; height: auto;
										 margin: 0;
										 margin-bottom: 1vw;
										 float: left;
										}
									#art_form P.half-width
										{
										 width: 50%; height: auto;
										}
										#art_form P INPUT, P TEXTAREA
											{
											 width: 100%; height: auto;
											 box-sizing: border-box;
											 padding: 0.3vw 0.7vw;
											 border: solid 1px #DDD;
											 margin: 0;

											 font-family: inherit;
											 font-size: 1.8vw;
											}
										#art_form P .title
											{
											 width: 100%; height: 4vw;
											 font-family: 'ArrusBT';
											 font-size: 3vw;
											 font-weight: bold;
											}
										#art_form P TEXTAREA
											{
											 padding: 0.7vw;
											}
										#art_form P.half-width INPUT
											{
											 width: 80%; height: auto;
											}

							#art_info #language_select
								{
								 width: 100%; height: auto;
								 position: absolute;
								 left: 0; bottom: 0;
								 padding: 1vw 1.5vw;
								}
								#language_select .button
									{
									 display: inline-block;
									 margin-right: 2vw;
									}
								#language_select .button.wide
									{
									 float: right;
									 margin-right: 0;
									 margin-left: 2vw;
									}


					#popup_content #input_response
						{
						 width: 50%; height:50% ;
						 position: absolute;
						 right: 0; bottom: 0;
						}
						#input_response .button
							{
							 transform:
								 scale(2,2)
								 translate(-25%, 0);
							}







}

@media (orientation: landscape)
{
 BODY
	{ }
	DIV#main
		{ }	
		.main DIV#top
			{ }
		.main DIV#menu
			{ } /* mb_photo_20_menu.css */
		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }
				.main DIV.container DIV.content DIV.share_wrapper
					{ }
				.main DIV.container DIV.content DIV.left
					{ }
					.main DIV.container DIV.content DIV.left DIV.album
						{ }

}

@media (orientation: portrait)
{
 BODY
	{ }
	DIV#main
		{ }	
		.main DIV#top
			{ }
		.main DIV#menu
			{ } /* mb_photo_20_menu.css */
		.main DIV.container
			{ }
			.main DIV.container DIV.content
				{ }
				.main DIV.container DIV.content DIV.share_wrapper
					{ }
				.main DIV.container DIV.content DIV.left
					{ }
					.main DIV.container DIV.content DIV.left DIV.album
						{ }

}