/* General styles */
	
	body {
		width: 100%;
		max-width: 100%;
		background: url(../media/images/background.jpg) center center repeat;
		min-height: 100%;
		
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
  
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}
	
	i {
		width: auto;
	}
	
	/* Login screen */
		
		.wrapper {
			z-index: 99;
			height: 100%;
		}
		
		.wrapper > .wrapperInner {
			height: 100%;
		}
		
		.wrapper > .wrapperInner > .holder  {
			position: relative;
			background: rgba(255,255,255,0.6);
			margin: 0px 0px 0px -250px;
			min-height: 100%;
			width: 500px;
			left: 50%;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel {
			position: absolute;
			background: url(../media/images/loginbg.png) center bottom no-repeat;
			margin: -275px 0px 0px -205px;
			height: 550px;
			width: 410px;
			left: 50%;
			top: 50%;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .inner {
			position: relative;
			padding: 20px 30px;
			height: 425px;
		}
		
	/* Login screen logo */
	
		.wrapper > .wrapperInner > .holder .loginpanel .loginlogo {
			height: 100px;
		}
		
	/* Login screen page header */
	
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-header {
			margin-top: 0px;
			padding-top: 10px;
			border-bottom: 0px;
			padding-bottom: 10px;
			margin-bottom: 20px;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-header small {
			color: #aaaaaa;
		}
		
	/* Login screen footer */
	
		.wrapper > .wrapperInner > .holder .loginpanel > .loginfooter {
			margin: 30px auto;
			position: relative;
			text-align: center;
			font-size: 12px;
			height: 150px;
			width: 380px;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .loginfooter button {
			background: none;
			border: none;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .loginfooter a {
			color: #666666;
			text-decoration: none;
			
			-webkit-transition: color .2s ease-in-out;
				transition: color .2s ease-in-out;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .loginfooter a:hover {
			color: #428bca;
		}
		
	/* Callout fixes */
	
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .callout-section {
			height: 110px;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .callout-section .callout {
			margin-top: 0px;
		}
	
	/* Language changer */
	
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-body .dropdown.language {
			margin-top: 20px;
			margin-right: 10px;
			padding-right: 15px;
			border-right: 1px #eeeeee solid;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-body .dropdown.language button {
			width: 150px;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-body .dropdown.language img {
			position: relative;
			left: -2px;
			top: -1px;
		}
		
	/* Submit button */
	
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-body .submitArea {
			margin-top: 35px;
			width: 350px;
		}
		
		.wrapper > .wrapperInner > .holder .loginpanel > .inner > .page-body .submitArea button {
			width: 100%;
		}