@charset "utf-8";
/* System Basics */
	html, body { }
	html { }
	body { }
	* { }

/* contentBlocks */
	.contentBlock{
		display: inline-block;
		float: left;
	}
	
/* ImageZoom */
		#ImgZoom {
		    display: none;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0px;
			left: 0px;
			background-color: rgba(0,0,0,0.8);
			background-image: url(/ui/plugins/slideshow/ui/images/loading.gif);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 50px;
			z-index: 10000;
		}
		#ImgZoom img {
			display: none;
			margin: auto;
			max-width: 90%;
			max-height: 90%;
			position: fixed;
    		top: 0; 
			bottom: 0;
			left: 0; 
			right: 0; 
			background-color: #FFFFFF;
			border: solid 5px #FFFFFF;
			border-radius: 10px;
			cursor: pointer;
		}
				
/* Login/Logout Structure */
	form#LoginForm, /* Login Form */
	form#LogoutForm, /* Logout Form */
	form#RegForm { /* Logout Form */
		display: inline-block;
		margin: 0px 0px 20px 0px;
		padding: 10px 5px;
		width: 100%;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		background-color: rgba( 225, 225, 225, 0.6);
		border: solid 2px rgba( 225, 225, 225, 0.3);
		border-radius: 10px;
	}
	/* LoginForm Contents */
		form#LoginForm .FormItem { /* Login Form Item Container */
			width: 45%;
		}
		form#LoginForm .FormItem.FormBTN { /* Login Form Submit Container */
			width: 10%;
		}
	/* LogoutForm Contents */
		form#LogoutForm .FormItem { /* Login Form Item Container */
			width: 90%;
		}
		form#LogoutForm .FormItem .FormLabel { /* Login Form Submit Container */
			width: 100%;
		}
		form#LogoutForm .FormItem.FormBTN { /* Login Form Submit Container */
			width: 10%;
		}
	/* RegForm Contents */
		form#RegForm .FormItem { /* Login Form Item Container */
			width: 45%;
		}
		form#RegForm .FormItem.TopRow { /* Login Form Item Container */
			margin: 0px 0px 10px 0px;
		}
		form#RegForm .FormItem.FormBTN { /* Login Form Submit Container */
			width: 10%;
		}
		
	
@media only screen and (max-width:700px) {
	
/* contentBlocks */
	.contentBlock{
		display: block;
	}
	
	/* LoginForm Contents */
		form#LoginForm .FormItem { /* Login Form Item Container */
			margin: 0px 0px 10px 0px;
			width: 100%;
			clear: both;
		}
			form#LoginForm .FormItem .FormLabel { /* Login Form Item Container */
				width: 40%;
			}
			form#LoginForm .FormItem .FormField { /* Login Form Item Container */
				width: 60%;
			}
			form#LoginForm .FormItem.FormBTN { /* Login Form Submit Container */
				margin: 0px;
				width: 100%;
				clear: both;
			}
	/* LogoutForm Contents */
		form#LogoutForm .FormItem { /* Login Form Item Container */
			width: 70%;
		}
			form#LogoutForm .FormItem.FormBTN { /* Login Form Submit Container */
				width: 30%;
			}	
	/* RegForm Contents */
		form#RegForm .FormItem { /* Login Form Item Container */
			margin: 0px 0px 10px 0px;
			width: 100%;
			clear: both;
		}
			form#RegForm .FormItem .FormLabel { /* Login Form Item Container */
				width: 40%;
			}
			form#RegForm .FormItem .FormField { /* Login Form Item Container */
				width: 60%;
			}
			form#RegForm .FormItem.FormBTN { /* Login Form Submit Container */
				margin: 0px;
				width: 100%;
				clear: both;
			}
}

@media all and (orientation:portrait) { /* Not Required */
	/* LoginForm Contents */
		form#LoginForm .FormItem { /* Login Form Item Container */
			margin: 0px 0px 10px 0px;
			width: 100%;
			clear: both;
		}
			form#LoginForm .FormItem .FormLabel { /* Login Form Item Container */
				width: 40%;
			}
			form#LoginForm .FormItem .FormField { /* Login Form Item Container */
				width: 60%;
			}
			form#LoginForm .FormItem.FormBTN { /* Login Form Submit Container */
				margin: 0px;
				width: 100%;
				clear: both;
			}
	/* LogoutForm Contents */
		form#LogoutForm .FormItem { /* Login Form Item Container */
			width: 70%;
		}
			form#LogoutForm .FormItem.FormBTN { /* Login Form Submit Container */
				width: 30%;
			}	
	/* RegForm Contents */
		form#RegForm .FormItem { /* Login Form Item Container */
			margin: 0px 0px 10px 0px;
			width: 100%;
			clear: both;
		}
			form#RegForm .FormItem .FormLabel { /* Login Form Item Container */
				width: 40%;
			}
			form#RegForm .FormItem .FormField { /* Login Form Item Container */
				width: 60%;
			}
			form#RegForm .FormItem.FormBTN { /* Login Form Submit Container */
				margin: 0px;
				width: 100%;
				clear: both;
			}
}

@media all and (orientation:landscape) { /* Not Required */
}