.else
{

}

/**********Menu Page**********/

	.else .menu
	{
		margin-right:auto;
		margin-left:auto;
		margin-top:15px;
		padding:0px /*15px*/;
		width:100% /*80%*/;	
	}

		.else .menu button
		{
			height:35px;
			width:175px;
		}
		
			.else .menu button:hover
			{
				
			}
		
		.else .menu .row {
			margin-top:25px; 
		}
	
			.else .menu .row .link
			{
				display:block;
					margin-top:15px;
				padding:0px;
				text-align:center;
				vertical-align:middle;
				/*width:200px;*/
					min-width:100%;
			}
		
			.else .menu .row .label
			{
				display:block;
				font-size:14px;
					margin-top:10px;
				padding:0px;
				text-align:center;
				vertical-align:middle;
			}
			
	.else .welcome
	{
		font-size:16px;
		margin-top:25px;
		text-align:center;
	}
	
	.else .menu_button_logout
	{
		background-color:green;
		border:1px solid green;
		color:white;
	}
	
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.else .menu {
			width:80%;	
		}
		
			.else .menu .row {
				align-items:center;
				display:flex;
				margin-top:10px;
				min-height:50px;
			}
	
				.else .menu .row .link {
					display:inline-block;
					margin-top:0px;
					width:200px;
						min-width:0%;
				}
		
				.else .menu .row .label {
					display:inline-block;
					margin-top:0px;
					padding:10px;
					text-align:left;
					width:calc(100% - 210px);
				}		
	}
			
/**********Public Facing Forms**********/
	
	.public { }
	
	.public .table_form
	{
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		width:100%;		
	}
	
		.public .table_form .category
		{
			color:darkblue;
			font-size:15px;
			font-weight:bold;
			margin-top:15px;
			
		}
		
		.public .table_form .form_row {

		}
	
		.public .table_form .label
		{
			font-size:15px;
			margin-top:10px;
			text-align:left;
			vertical-align:top;
			width:150px;
		}
		
		.public .table_form .value
		{
			font-size:14px;
			margin-top:2px;
			min-width:100%;
			vertical-align:top;
		}
		
			.public .table_form .value textarea
			{
				font-size:12px !important;
				min-height:100px;
				resize:vertical;
				width:100%;
			}
		
			.public .table_form .value .input_text
			{
				margin:0px;
				min-width:100%;
			}
			
			.public .table_form .value .textarea_small
			{
				width:60%;
			}
		
		.public .table_form .required
		{
			color:grey;
				display:inline-block;
			font-size:13px;
			font-style:italic;
		}

		.public .table_form .subnote
		{
			color:grey;
			font-size:11px;
			margin-left:15px;
		}
		
		.public .table_form .td_buttons
		{
			padding-top:20px;
			text-align:center;
		}
		
		.public .table_form .td_buttons button
		{
			margin-left:5px;
			margin-right:5px;
			padding:3px 10px;
		}
		
	.public .narrow
	{

	}
	
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.public { }
	
		.public .table_form {
			width:400px;
		}
		
			.public .table_form .form_row {
				margin-top:10px;
			}
	
			.public .table_form .label {
				display:inline-block;
				margin-top:0px;
				text-align:right;
			}
		
			.public .table_form .value {
				display:inline-block;
				margin-top:0px;
				min-width:0%;
				width:240px;
			}
		
			.public .table_form .required {
				display:block;
			}		
	}

/**********Guestbook**********/

	.guestbook {  }
	
	.guestbook .book
	{
		margin-left:auto;
		margin-right:auto;
		margin-top:15px;
		width:100%/*80%*/;		
	}
	
		.guestbook .book .entry
		{
			background-color:#FCF2EA;
			border:1px solid lightgrey;
			border-radius:8px;
			box-shadow:3px 3px 3px #888888;
			margin-top:15px;
			padding:10px 15px 15px 15px;
			position:relative;
		}

			.guestbook .book .entry .date
			{
					display:block;
				font-size:13px;
				/*position:absolute;
					top:10px;
					right:15px;*/
					text-align:right;
			}
			
			.guestbook .book .entry .from
			{
				color:grey;
				font-size:13px;
				margin-left:15px;
			}
			
			.guestbook .book .entry .message
			{
				background-color:white; /*#FAF8E9;*/
				border:1px solid lightgrey;
				border-radius:4px;
				font-size:14px;
				margin-top:5px;
				padding:5px 10px;
				white-space:pre-line;
			}
		
			.guestbook .book .entry .name
			{
				font-size:15px;
				font-weight:bold;
			}
	
	.guestbook .header
	{
		margin-left:auto;
		margin-right:auto;
		margin-top:25px;
		width:100%/*80%*/;
	}
	
		.guestbook .header .count
		{
			display:block/*inline-block*/;
			color:darkblue;
			float:none/*right*/;
			font-size:11px;
			margin-top:3px;
			text-align:right;
		}
	
		.guestbook .header .intro
		{
			font-size:15px;
			display:block/*inline-block*/;
		}
	
	.guestbook .sign
	{
		text-align:center;
	}
	
		.guestbook .sign button
		{
			padding:3px 20px;
		}
		
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.guestbook {  }
	
			.guestbook .book {
				width:80%;		
			}

					.guestbook .book .entry .date {
						display:inline-block;
						float:right;
						text-align:right;
					}
	
			.guestbook .header {
				width:80%;
			}	
	}
			
/**********Profiles**********/

	.profiles {  }
	
	.profiles .header
	{
		margin-left:auto;
		margin-right:auto;
		margin-bottom:15px;
		width:100% /*80%*/;
	}
	
		.profiles .header .choose
		{
			display:inline-block;
		}

			.profiles .header .choose select
			{
				font-size:12px;
				/*-webkit-appearance: none;
				appearance:none;*/
			}
				
		.profiles .header .counter
		{
			color:darkblue;
			float:right;
			font-size:11px;
			margin-top:3px;
		}
		
	.profiles .profile
	{
		border:1px solid lightgrey;
		border-radius:8px;
		box-shadow:3px 3px 3px #888888;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:25px;
		padding:5px 10px 5px 10px;
		position:relative;
		width:100% /*80%*/;
	}
		
		.profiles .profile .edit
		{
			/*position:absolute;
				right:10px;
				top:10px;*/
				min-width:100%;
				text-align:right;
		}
			
			.profiles .profile .edit button
			{
				box-shadow:none;
				font-size:11px;
			}
	
		.profiles .profile .image
		{
			display:block /*table-cell*/;
			/*height:100px;*/
				max-height:100px;
				margin-left:auto;
				margin-right:auto;
			padding:0px 5px;
			text-align:center;
			vertical-align:top;
			width:100px;
				min-width:100px;
		}

			.profiles .profile .image button
			{
				background-color:transparent;
				border:none;
				box-shadow:none;
			}
		
			.profiles .profile .image img
			{
				border:1px solid grey;
				border-radius:4px;
				max-height:95px;
				max-width:95px;	
			}
			
		.profiles .profile .text
		{
			display:block /*table-cell*/;
			min-height:100px;
			padding-left:0px /*5px*/;
			min-width:100% /*95%*/;
		}

			.profiles .profile .text .body
			{
				border:1px solid lightgrey;
				border-radius:4px;
				background-color:#FAF9EC;
				font-size:14px;
				margin-left:0px /*5px*/;
				margin-top:10px;
				padding:5px 10px;
				white-space:pre-line;
				width:100% /*90%*/;
			}
			
			.profiles .profile .text .label
			{
				color:grey;
					display:block;
				font-style:italic;
				margin-right:3px;
			}
			
			.profiles .profile .text .links
			{
					display:block;
				font-size:13px;
				margin-left:0px /*30px*/;
				margin-top:10px;
				vertical-align:top;
			}
			
			.profiles .profile .text .name
			{
				display:block /*inline-block*/;
				font-weight:bold;
				font-size: 15px;
					margin-top:10px;
				vertical-align:top;
			}
		
				.profiles .profile .text .name .additional
				{
					color:grey;
					font-size:14px; 
				}
				
			.profiles .profile .text .subheader
			{
				font-size:13px;
				margin-left:15px;
				margin-top:2px;
				vertical-align:top;
			}
						
		.profiles .profile .type
		{
			color:grey;
			font-size:11px;
			margin-bottom:5px;
		}
		
		.profiles .profile .update
		{
			color:grey;
			font-size:11px;
			margin-top:10px /*5px*/;
			text-align:right;
		}
		
	@media only screen and (min-width: 564px) {
		/* For tablet */	
			.profiles .header {
				width:80%;
			}
		
			.profiles .profile {
				width:80%;
			}
		
				.profiles .profile .edit {
					display:inline-block;
					float:right;
					min-width:0%;
					text-align:right;
				}
	
				.profiles .profile .image {
					display:table-cell;
					/*height:100px;*/
				}
			
				.profiles .profile .text {
					display:table-cell;
					padding-left:5px;
					width:100%;
				}

					.profiles .profile .text .body {
						margin-left:5px;
						width:95%;
					}
			
					.profiles .profile .text .label {
						display:inline-block;
					}
			
					.profiles .profile .text .links {
						display:inline-block;
						margin-left:30px;
					}
			
					.profiles .profile .text .name {
						display:inline-block;
						margin-top:0px;
					}	
	}
		
/**********Links Page**********/

	.links { }
	
	.links .listing
	{
		margin-left:auto;
		margin-right:auto;
		width:100%/*80%*/;
	}
	
		.links .listing .entry
		{
			margin-bottom:10px;
		}
		
			.links .listing .entry .link
			{
				display:block/*table-cell*/;
				margin-left:auto;
				margin-right:auto;
				margin-top:20px;
				/*padding:10px;*/
				text-align:center;
				vertical-align:middle;
				width:200px;
			}
			
				.links .listing .entry .link button
				{
					height:35px;
					text-align:center;
					width:175px;
				}
				
					.links .listing .entry .link button img
					{
						border-radius:2px;
						max-height:25px;
						max-width:160px;
						vertical-align:middle;
					}
			
			.links .listing .entry .desc
			{
				display:block/*table-cell*/;
				font-size:14px;
				margin-top:10px;
				margin-left:auto;
				margin-right:auto;
				text-align:center;
				vertical-align:middle;
					width:90%;
			}
			
		.links .listing .subtitle
		{
			font-family:"Comic Sans MS", fantasy, sans-serif;
			font-weight:bold;
			margin-bottom:15px;
		}
		
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.links { }
	
		.links .listing {
			width:80%;
		}
	
			.links .listing .entry {
				align-items:center;
				display:flex;
			}
		
				.links .listing .entry .link {
					display:inline-block;
					margin-top:0px;
					padding:10px;
				}
			
				.links .listing .entry .desc {
					display:inline-block;
					margin-top:0px;
					padding:10px;
					text-align:left;
					width:calc(100% - 200px);
				}
	}
		
/**********Update Page**********/

	.update { }
	
	.update .picture
	{
		margin-bottom:25px;
		text-align:center;	
	}
	
		.update .picture img
		{
			border-radius:4px;
			height:150px;
		}
	
	.update .listing
	{
		margin-left:auto;
		margin-right:auto;
		width:100%/*80%*/;
	}
	
		.update .listing .entry
		{
			border:1px solid lightgrey;
			border-radius:8px;
			box-shadow:3px 3px 3px #888888;
			margin-bottom:15px;
			padding:0px 15px;
		}
		
	@media only screen and (min-width: 564px) {
		/* For tablet */
		.update .listing {
			width:80%;
		}		
	}