/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
		margin:					0;
		padding:				0;
		border:					0;
		font-size:				100%;
		font:					inherit;
		vertical-align:				baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
		display:				block;
}
body
{
		line-height:				1;
}
ol, ul
{
		list-style:				none;
}
blockquote, q
{
		quotes:					none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
		content:				'';
		content:				none;
}
table
{
		border-collapse:			collapse;
		border-spacing:				0;
}

a,input,button,textarea{outline:0;}

/* --- end css reset --- */



body
{
	font:					100% 'Segoe UI', Helvetica, Arial, sans-serif;
	background:				linear-gradient(135deg, #4fb3a3 0%, #3b7fb5 100%);
	background-attachment:			fixed;
	color:					#333;
	text-shadow:				none;
	margin:					0;
	padding:				0;
	min-height:				100vh;
	display:				flex;
	align-items:				center;
	justify-content:			center;
}

h1
{
	font-size:				200%;
	color:					#2c2c2c;
	font-weight:				600;
	margin:					20px 0 10px 0;
	text-align:				center;
}
h2
{
	font-size:				110%;
	color:					#2c2c2c;
	font-weight:				600;
	margin:					0 0 40px 0;
	text-align:				center;
}
p
{
	font-size:				90%;
	margin:					10px 0;
	text-align:				center;
	color:					#333;
}
p span
{
	color:					#0066cc;
}
small
{
	font-size:				85%;
	color:					#8c8c8c;
	font-style:				italic;
	display:				block;
	text-align:				center;
	margin-top:				10px;
}

a
{
	color:					#0066cc;
	text-decoration:			none;
}
a:hover
{
	color:					#004a99;
	text-decoration:			underline;
}

a,
input[type="submit"],
fieldset
{
	-webkit-transition:			all .3s ease-in-out;
	-moz-transition:			all .3s ease-in-out;
	-o-transition:				all .3s ease-in-out;
	transition:				all .3s ease-in-out;
}

.focus
{
	border-color:				#0066cc!important;
	-webkit-box-shadow:			0 0 0 2px rgba(0, 102, 204, 0.2)!important;	
	-moz-box-shadow:			0 0 0 2px rgba(0, 102, 204, 0.2)!important;	
	box-shadow:				0 0 0 2px rgba(0, 102, 204, 0.2)!important;	
}

fieldset.error
{
	background:				#fcc!important;
}

p.error
{
	padding-bottom:				1ex;
	color:					#933!important;
	text-shadow:				1px 1px 0 #fff;
}

p.ok
{
	padding-bottom:				2ex;
	font-size:				110%;
	color:					#6a8e38!important;
}

#container
{
	width:					100%;
	max-width:				420px;
	position:				relative;
	margin:					0 auto;
	padding:				20px;
}
.ie6 #container
{
	width:					400px;
}

.login
{
	width:					100%;
	border:					none;
	-webkit-border-radius:			12px;
	-moz-border-radius:			12px;
	border-radius:				12px;
	background:				#fff;
	-webkit-box-shadow:			0 8px 32px rgba(0,0,0,0.15);
	-moz-box-shadow:			0 8px 32px rgba(0,0,0,0.15);
	box-shadow:				0 8px 32px rgba(0,0,0,0.15);
	padding:				40px 40px 30px 40px;
}
.ie6 .login,
.ie7 .login,
.ie8 .login,
.ie9 .login
{
	background:				#fff url('../images/login-bg.gif') repeat-x scroll left bottom;
}

.figure
{
	width:					100%;
	margin:					0 auto 20px auto;
    text-align:             		center;	
}
.figure img {
    max-width: 180px;
    height: auto;
    width: 100%;
    margin-bottom: 0px;
    margin-top: 20px;
}
.ie6 .figure
{
	width:					130px;
	height:					63px;
	margin-left:				50px;
	filter:					progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fourth-logo.png');
}
.ie6 .figure img
{
	filter:					progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

fieldset,
.content,
.message
{
	width:					100%;
	margin:					0 auto;
	overflow:				visible;
}

fieldset
{
	margin-bottom:				15px;
	padding:				0;
}
.ie6 fieldset
{
	display:				block;
	border:					0;
}
.ie7 fieldset
{
	display:				block;
}

.flex-content
{
	margin-bottom:				0;
}

.content
{
	width:					100%;
	margin:					0 auto;
}

form
{
	width:					100%;
	/*border-bottom:				1px solid #a5a5a5;*/
}

.user,
.pass,
.org
{
	border:					none;
	-webkit-border-radius:			8px;
	-moz-border-radius:			8px;
	border-radius:				8px;
	background:				#e8f0fe;
	-webkit-box-shadow:			none;
	-moz-box-shadow:			none;
	box-shadow:				none;
	margin-bottom:				15px;
	padding:				0;
}

input[type="text"],
input[type="password"],
select, option
{
	height:					48px;
	width:					100%;
	float:					none;
	background:				transparent;
	border:					0;
	outline:				none;
	font-size:				100%;
	padding:				0 15px;
	color:					#333;
	font-family:				'Segoe UI', Helvetica, Arial, sans-serif;
	box-sizing:				border-box;
	-webkit-box-sizing:			border-box;
	-moz-box-sizing:			border-box;
}

select
{
	height:					38px;
x-webkit-appearance:			button;
x-moz-appearance:			button;
xappearance:				button;
xbackground:				transparent url('../images/arrow-down.png') scroll no-repeat right center;
	white-space:				nowrap;
	background-color:			transparent;
}

@media screen and (max-width:485px)
{
	input[type="text"],
	input[type="password"]
	{
		width:				84%;
	}
}
@media screen and (max-width:340px)
{
	input[type="text"],
	input[type="password"]
	{
		width:				80%;
	}
}

input::-moz-focus-inner
{
	padding:				0!important;
}
input::-webkit-input-placeholder
{
	font-style:				normal;
	color:					#999;
	text-shadow:				none;
}
:-moz-placeholder
{
	font-style:				normal;
	color:					#999;
	text-shadow:				none;
}
option.disabled
{
	font-style:				normal;
	color:					#999;
	text-shadow:				none;
}
.placeholder
{
	font-style:				normal;
	color:					#999;
	text-shadow:				none;
}

.ie6 #txtUserName,
.ie6 #txtPassword,
.ie6 #txtPasswordConfirm
{
	height:					34px;
	width:					359px;
	margin:					-1px -1px -1px -4px;
	padding:				4px 0 0 0;
	border:					1px solid #d9d9d9;
	font-size:				125%;
	text-indent:				.5em;
}
.ie7 input,
.ie8 input
{
	height:					26px;
	margin-top:				4px;
}

.user label,
.pass label,
.org label
{
	display:				none;
}
.ie6 .user label,
.ie6 .pass label,
.ie6 .org label
{
	border:					1px solid #d9d9d9;
}
.user label
{
	background-image:			url('../images/username.png');
}
.pass label
{
	background-image:			url('../images/password.png');
}
.org label
{
	background-image:			url('../images/organisation.png');
}

.user label span,
.pass label span,
.org label span
{
	position:				fixed;
	left:					-9000px;
}
.ie6 .user label span,
.ie6 .pass label span,
.ie6 .org label span
{
	display:				none;
}

.remember
{
	overflow:				auto;
}

.remember label
{
	display:				inline-block;
	margin-top:				1.5ex;
	font-size:				90%;
}
.ie6 .remember label,
.ie7 .remember label
{
	float:					left;
}

.remember label span
{
	display:				block;
	float:					left;
	width:					18px;
	height:					18px;
	margin:					-.2ex .4em 0 0;
	border:					1px solid #d9d9d9;
	-webkit-border-radius:			4px;
	-moz-border-radius:			4px;
	border-radius:				4px;
	background:				#fff;
	background:				-webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#fff));
	background:				-webkit-linear-gradient(top, #d9d9d9 0%, #fff 100%);
	background:				-moz-linear-gradient(top, #d9d9d9 0%, #fff 100%);
	background:				-ms-linear-gradient(top, #d9d9d9 0%, #fff 100%);
	background:				-o-linear-gradient(top, #d9d9d9 0%, #fff 100%);
	background:				linear-gradient(top, #d9d9d9 0%, #fff 100%);
	box-shadow:				2px 2px 4px rgba(0,0,0,.4) inset,
						1px 1px 0 #fff;
}
.remember label.checked span
{
	background:				#6A8E38 url('../images/green-tick.png') no-repeat scroll center center;
}

input[type="submit"],
.button
{
	cursor:					pointer;
	float:					none;
	width:					100%;
	margin-bottom:				15px;
	margin-top:				15px;
	padding:				14px 20px;
	border:					none;
	-webkit-border-radius:			24px;
	-moz-border-radius:			24px;
	border-radius:				24px;
	background:				#005a9c;
	-webkit-box-shadow:			none;
	-moz-box-shadow:			none;
	box-shadow:				none;
	font-size:				100%;
	font-weight:				600;
	font-style:				normal;
	color:					#fff;
	text-shadow:				none;
	font-family:				'Segoe UI', Helvetica, Arial, sans-serif;
	transition:				background 0.3s ease;
}
.ie6 .button,
.ie7 input[type="submit"],
.ie8 input[type="submit"]
{
	padding:				14px 20px;
	height:					auto;
}
input[type="submit"]:hover,
.button:hover
{
	background:				#004a82;
}
input[type="submit"].inactive,
.button.inactive
{
	border:					none;
	background:				#005a9c;
	-webkit-box-shadow:			none;
	-moz-box-shadow:			none;
	box-shadow:				none;
	color:					#fff;
	text-shadow:				none;
	opacity:				0.9;
	cursor:					not-allowed;
}

.footer
{
	border-top:				none;
	-moz-border-radius-topleft:		0px;
	-moz-border-radius-topright:		0px;
	-moz-border-radius-bottomright:		0px;
	-moz-border-radius-bottomleft:		0px;
	-webkit-border-radius:			0px;
	border-radius:				0px;
	background:				transparent;
	padding-top:				15px;
	text-align:				center;
}

.footer a
{
	display:				inline;
	padding:				0;
	margin:					0 8px;
	font-size:				80%;
	text-decoration:			none;
	color:					#374151;
	text-shadow:				none;
	font-weight:				400;
}
.footer a:hover
{
	color:					#1f2937;
	text-decoration:			underline;
}
.footer .content
{
	margin-bottom:				10px;
}

.location-switcher
{
	margin:					15px auto 10px auto;
	font-size:				75%;
	color:					#6c6c6c;
	text-shadow:				none;
	text-align:				center;
	font-weight:				400;
}
.location-switcher a
{
	color:					#0066cc;
	text-decoration:			none;
}
.location-switcher a:hover
{
	color:					#004a99;
	text-decoration:			underline;
}

.footer-separator
{
	border:					0;
	border-top:				1px solid #e5e7eb;
	margin:					10px auto;
	width:					80%;
	max-width:				300px;
}

.copyright
{
	margin:					10px auto 5px auto !important;
	font-size:				80% !important;
	color:					#1f2937 !important;
	text-shadow:				none !important;
	text-align:				center !important;
	font-weight:				600 !important;
}

.tagline
{
	margin:					0 auto 10px auto;
	font-size:				75%;
	color:					#8c8c8c;
	text-shadow:				none;
	text-align:				center;
	font-style:				italic;
	font-weight:				400;
}

.inline
{
    display: inline;
}

.inline-right
{
    text-align: right;
    float: right;
}

.inline-left
{
    text-align: left;
    float: left;
}

.copyright
{
	margin:					.5ex auto 0 10%;
	font-size:				80%;
	color:					#eee;
	text-shadow:				0 20px 20px rgba(0,0,0,.4);
}
.ie6 .copyright,
.ie7 .copyright,
.ie8 .copyright
{
	color:					#a5a5a5;
}



/* SiteStatus */

.siteStatus
{
	width:						100%;
	margin-top:					-10px;
	margin-bottom:				20px;
	border-top:					1px solid #a5a5a5;
	border-bottom:				1px solid #a5a5a5;
	/* message background is green by default */
	background:					#72aa00;
	background:					-webkit-linear-gradient(top, #bfd255 0%, #72aa00 100%);
	background:					-moz-linear-gradient(top, #bfd255 0%, #72aa00 100%);
	background:					-ms-linear-gradient(top, #bfd255 0%, #72aa00 100%);
	background:					-o-linear-gradient(top, #bfd255 0%, #72aa00 100%);
	background:					linear-gradient(top, #bfd255 0%, #72aa00 100%);
}

.siteStatus .content p
{
	min-height:					50px;
	padding-left:				70px;
	background:					transparent url("../images/warning.png") no-repeat scroll 0 center;
	font-size:					120%;
	color:						#fff;
	text-shadow:				1px 1px 3px rgba(0,0,0,.8);
}

.siteStatus .content a
{
	font-weight:				bold;
	color:						#fff;
}
.siteStatus .content a:before
{
	content:					"\00BB\ ";
}
.siteStatus .content a:hover
{
	text-decoration:			none;
}

.siteStatus.amber
{
	background:					#ff7b0d;
	background:					-webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	background:					-moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	background:					-ms-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	background:					-o-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
	background:					linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
}
.siteStatus.red
{
	background:					#f85032;
	background:					-webkit-linear-gradient(top, #ef7767 0%,#f85032 100%);
	background:					-moz-linear-gradient(top, #ef7767 0%, #f85032 100%);
	background:					-ms-linear-gradient(top, #ef7767 0%, #f85032 100%);
	background:					-o-linear-gradient(top, #ef7767 0%, #f85032 100%);
	background:					linear-gradient(top, #ef7767 0%,#f85032 100%);
}