@charset "UTF-8";

/*
This file is part of Intake24.

Copyright 2015, 2016 Newcastle University.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

This file is based on Intake24 v1.0.

© Crown copyright, 2012, 2013, 2014

Licensed under the Open Government Licence 3.0: 

http://www.nationalarchives.gov.uk/doc/open-government-licence/
*/

* {
	/* Hide touch overlays on iOS */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

html, body {
	margin: 0;
	padding: 0;
}

body {
	background-color: #F63;
	background: url(../images/background.jpg) no-repeat center center fixed;
	background-size: cover;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}

a {
	color: #428bca;
	text-decoration: none;
}

#bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-color: #F63;
}

.bgwidth {
	min-width: 100%;
}

.bgheight {
	min-height: 100%;
}

h1 {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

input[type="text"], input[type="password"] {
	border: #CCC 1px solid;
	border-radius: 4px;
	font-size: 16px;
	outline: none;
	margin: 0;
	padding: 10px 14px;
}

input[type="radio"], input[type="checkbox"] {
	height: 18px;
	width: 18px;
	vertical-align: bottom;
	margin-right: 5px;
}

.intake24-clear-floats {
	clear: both;
	float: none;
}

.intake24-page-loading {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

/* Transparent full-screen div used to gray out the whole
  page content, e.g. for pop-up login form */
.intake24-overlay-fade {
	opacity: 0.6;
	background: #000;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	position: fixed;
}

.intake24-overlay-opaque {
	display: table;
	background: #ffffff;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	position: fixed;
}


/* Full-screen container div used to display
   stuff over the page contents, e.g. the pop-up login form */
.intake24-overlay {
	width: 100%;
	height: 100%;
	z-index: 200;
	top: 0;
	left: 0;
	position: fixed;
}


/* Buttons 
** all buttons use the "intake24-button" class
** green or red button classes are added alongside
** "intake24-button"
*/

.intake24-button, button {
	zoom: 1;
    outline-width: 0px;
    outline: none;
	
	background-color: #BBB;
	border: none;
	border-radius: 3px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	*display: inline;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 26px;
	line-height: 100%;
	margin: 10px 10px 0px 0px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;

	transition: background 0.1s ease-in-out, opacity 0.4s;
	-webkit-transition: background 0.1s ease-in-out, opacity 0.4s;
	-moz-transition: background 0.1s ease-in-out, opacity 0.4s;
	-ms-transition: background 0.1s ease-in-out, opacity 0.4s;
	-o-transition: background 0.1s ease-in-out, opacity 0.4s;
	
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.intake24-button:hover, button:hover {
	background-color: #BCBCBC;
}

.intake24-button[disabled], .intake24-button[disabled]:hover, .intake24-button[disabled]:active {
	background: #EAEAEA;
	border-color: #DADADA;
	color: #AAA;
	cursor: default;
	position: static;

	/* Usually, !important should be avoided but here it's really needed :) */
	-moz-box-shadow: none !important; 
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Colored buttons styles */

.intake24-green-button {
	background-color: #57a957;
	border-color: #57a957;
}

.intake24-green-button:hover {
	background-color: #62c462;
}

/* */

.intake24-red-button {
	background-color: #c43c35;
	border-color: #c43c35;
}

.intake24-red-button:hover {
	background-color: #ee5f5b;
}

/* */

.intake24-blue-button {
	background-color: #269CE9;
	border-color: #269CE9;
}

.intake24-blue-button:hover {
	background-color: #70B9E8;
}

.intake24-label {
	margin-bottom: 6px;
	margin-top: 16px;
}

/* */

.intake24-green-button[disabled], .intake24-green-button[disabled]:hover {
	border-color: #57A957;
	background: #57A957;
	color: #D2FFD2;
}

.intake24-red-button[disabled], .intake24-red-button[disabled]:hover {
	border-color: #C43C35;
	background: #C43C35;
	color: #FFD3D3;
}

.intake24-blue-button[disabled], .intake24-blue-button[disabled]:hover {
	border-color: #269CE9;
	background: #269CE9;
	color: #93D5FF;
}

/* Fixed width to ensure that vertically 
    arranged buttons look OK */
.intake24-admin-button {
	width: 180px;	
}

.intake24-buttons-panel {
	margin-top: 15px;
	margin-bottom: 15px;	
}

/* Header */

.intake24-header-container {
	padding: 20px 20px 0px 20px;
}

.intake24-header {
	/*background-color: #FFF;*/
	background: rgba(255, 255, 255, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5cffffff', endColorstr='#5cffffff');
	height: 70px;
	margin: 0 auto;
	padding: 0;
	position: relative;
    text-align: left;
	max-width: 1040px;
	z-index: 2;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

[dir="rtl"] .intake24-header {
	text-align: right;
}

@media (max-width: 768px) {

	.intake24-header-container {
		padding: 0px;
	}

	.intake24-header {
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 0px;
		
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
	}

}

.intake24-header h1 {
	color: #db3100;
	display: inline-block;
	font-size: 26px;
	font-weight: 100;
	height: 70px;
	letter-spacing: 2px;
	line-height: 70px;
	margin: 0;
	padding: 0px 20px 0px 20px;
}

/* Navigation Bar */

.intake24-navbar-container {
	min-height: 36px;
	padding: 0px 20px 0px 20px;
}

@media (max-width: 768px) {

	.intake24-navbar-container {
		padding: 0px;
	}

}

.intake24-navbar {
	background-color: #f9f9f9;
	border-bottom: #e3e3e3 1px solid;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0;
	position: relative;
	text-align: right;	
}

[dir="rtl"] .intake24-navbar {
	text-align: left;
}

.intake24-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.intake24-navbar ul li {
	display: inline-block;

	margin: 0;
	padding: 0;
}

.intake24-navbar ul li:hover {
	background-color: #f3f3f3;
}

.intake24-navbar a {
	color: #db3100;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	padding: 10px 15px;
	text-decoration: none;	
}

/* Main Content */

.intake24-main-content-container {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;

	height: 100%;
	padding: 0px 20px 0px 20px;
}

@media (max-width: 768px) {

	.intake24-main-content-container {
		padding: 0px;
	}

}

.intake24-main-content {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: 1040px;
	overflow-x: hidden;
	padding: 0px;
	position: relative;
}

/* Footer */

.intake24-footer-container {
	min-height: 80px;
	padding: 0px 20px 20px 20px;
}

.intake24-footer {
	background-color: #FFF;
	border-top: #e3e3e3 1px solid;
	height: 80px;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0;
	position: relative;
	width: 100%;

	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {

	.intake24-footer-container {
		padding: 0px;
	}

	.intake24-footer {
		margin: 0 auto;

		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
		
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}

}

.intake24-footer-nu-logo {
	background: url("/assets/images/nu_logo.png") center center no-repeat;
	background-size: contain;
	height: 60px;
	width: 150px;
	display: inline-block;
	margin: 10px;
}

.intake24-footer-fss-logo {
	background: url("/assets/images/fss-logo-small.png") center center no-repeat;
	background-size: contain;
	height: 60px;
	width: 120px;
	display: inline-block;
	margin: 10px;
}

.intake24-footer-privacy {
	display: inline-block;
	vertical-align: top;
	margin: 10px;
}

/* Other Elements */

.intake24-loading-widget {
	background-image: url(../images/loaderb64.gif);
	background-position: center;
	height: 32px;
	margin: 10px auto;
	overflow: hidden;
	width: 32px;
}

.intake24-loading-panel-text {
	font-size: 100%;
	margin-bottom: 15px;
	text-align: center;
}