*{
	padding:0px;
	margin:0px;
}

html{
	height:100%;
}

.loginIncorrect{
    text-align:center;
    font-size:24px;
    color:#ffffff;
}

.loginLink{
    text-align:center;
    font-size:12px;
    color:#fff;
    padding:5px;
}
.loginLink a{
    color:#fff;
}

body{
	font-family:"sans-serif";
	background-color:#091A46;
	
	font-size:.9em;
	color:#6a6a6a;
}

h1{
    color:#2222ff;
	text-align:center;
	font-size:4em;
}

.logo{
    margin-top:30px;
    max-width:60%;
    margin-bottom:60px;
}

.address{
    text-align:center;
    font-size:.8em;
}

.centreImage{
    text-align:center;
    padding-bottom:20px;
}
.centreImage img{
    width:5vw;
    min-width:80px;
}

.chart{
    
}



.social{
    text-align:center;
    padding-bottom:20px;
    padding-top:20px;
}

.social a{
    padding:10px;
    text-decoration:none;
}

.questions{
    font-size:1em;
    font-weight:bold;
    color:#dd5555;
    padding-bottom:20px;
}

.questions span:nth-child(7){
    color:#091A46;
}

.questions span{
    display:inline-block;
    padding-left:5px;
    padding-right:5px;
    margin-bottom:5px;
}
.questions span:nth-child(odd) { 
    text-align:left;
}
.questions span:nth-child(even) { 
    text-align:right;
}


.fade{
    background-color:#ddd;
    width:100vw;
    height:100vh;
    position:fixed;
    left:0px;
    top:0px;
    opacity:.3;
    z-index:4;
}

.fullName{
	color:#111;
	font-size:1em;
	display:block;
	font-weight:bold;
	text-align:center;
}

.details{
	color:#091A46;
	text-align:left;
	margin:20px;
	padding-left:10%;
	padding-right:10%;
}

.details ul{
	padding:10px;
	list-style:none;
    margin-top:10px;
}

.details li{
	padding-top:5px;
	margin-bottom:15px;
	margin-left:15px;
	
}

.details li .key{
	color:#1eafff;
	font-weight:bold;
}	

.details .moreInfo{
	display:block;
	margin-bottom:30px;
	font-size:1em;
	text-align:left;
	color:#091A46;
}

.details .moreInfo:last-child{
	display:block;
	margin-bottom:30px;
	font-size:1em;
	text-align:center;
	color:#091A46;
}

.contact{
    text-align:center;
    
}
.contact a{
    display:block;
    text-decoration:none;
    padding-top:10px;
    padding-bottom:10px;
}

.cookies{
   text-align:center;
    display:block;
}

.footer{
    font-size:.8em;
    background-color:#fff;
    margin-top:20px;
	display:inline-block;
	bottom:0px;
	width:100%;
	text-align:left;
	color:#444;
	padding-top:10px;
	padding-bottom:10px;
}
.footer span{
    display:block;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
}

.footer a{
    color:#00d;
    text-decoration:none;
    display:inline-block;
    padding-left:10px;
    padding-right:10px;
    border-right:solid 1px #000;
}

.policy a:hover{
	background-color:#ff912e;
}

.details .moreInfo a{
    color:#0000dd;
    padding:5px;
	font-weight:bold;
	text-decoration:none;
}

h2{
	margin-left:10px;
	margin-bottom:10px;
	font-size:1em;
	font-weight:normal;
}

h2 a{
    text-decoration:none;
    color:#0000ee;
}

h2 .blue{
    color:#2222ff;
}

form{
	
	padding-bottom:10px;
}

.hidden{
	visibility:hidden;
}

.informationBox{
	font-size:1em;
	color:#555;
}
.iconStrip{
    text-align:center;
}

.popupForm{
    position: absolute;
    top: 50%;
    white-space: nowrap;
    left: 50%;
	max-height:90%;
	overflow-y:auto;
	transform: translate(-50%, -50%);
	
    background-color:#ffffff;
    padding:15px;
    border:solid 1px #ccc;
	border-radius:3px;
    z-index:5;
	font-size:1em;
	max-width:90vw;
	box-shadow:0 0 5px rgba(0,0,0,.3);
}

.notice{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align:center;
    background-color:#ff9933;
    color:#eee;
    font-weight:bold;
    padding:15px;
    border:solid 1px #333;
    border-radius:5px;
    z-index:5;
    cursor:pointer;
}

.warning{
	background-color:#ff0000;
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding:3px;
}
.warning a{
	color:#ff0;
}

.help{
	background-color:#ffffae;
	display:inline-block;
	padding:5px;
	border-radius:5px;
	margin:5px;
	color:#000;
}
		
.helpHide{
	display:none;
}
.helpShow{
	display:block;
}

.data{
	overflow-x:auto;
	margin:5px;
	margin-left:20px;
	display:block;
	
}

.data table {
	border-collapse: collapse;
	border:solid 1px #fff;
	background-color:#fff;
	margin-top:10px;
	margin-bottom:10px;
}

.data tr:nth-child(even) {
	background-color: #f2f2f2;
}
.data tr:hover {
	background-color: #f5f5f5;
}
.data th{
	text-align:left;
	background-color:#1eafff;
	border:0px;
	color:#fff;
	white-space:nowrap;
}
.data td{
	color:#091A46;
	vertical-align:top;
}

.data thead th:first-child{
	border-radius:10px 0px 0px 0px;
	padding-left:10px;
}
.data thead th:last-child{
	border-radius:0px 10px 0px 0px;
	padding-right:10px;
}
.data thead th:only-child{
	border-radius:10px 10px 0px 0px;
	padding-left:10px;
}

.data tfoot th:first-child{
	border-radius:0px 0px 0px 10px;
	padding-left:10px;
	border-bottom:solid 0px;
}
.data tfoot th:last-child{
	border-radius:0px 0px 10px 0px;
	padding-right:10px;
	border-bottom:solid 0px;
}
.data tfoot th:only-child{
	border-radius:0px 0px 10px 10px;
	padding-right:10px;
	border-bottom:solid 0px;
}

.data th,td{
	padding-left:5px;
	padding-right:5px;
	font-size:1em;
}

.data .dataLink{
	background-color:#fff;
	border:solid 0px;
}

.data .dataLink{
	border-bottom:solid 1px #fff;
	padding:0px;
}

.data .dataLink a{
	background-color:#ff801d;
	padding-left:5px;
	padding-right:10px;
	border-radius:0px 10px 10px 0px;
	display:inline-block;
	
	margin:0px;
	text-decoration:none;
	color:#fff;
}

.data .dataLink a:hover{
	background-color:#ff912e;
}

.data .dataLinkMulti{
	background-color:#fff;
	border:solid 0px;
	padding:0px;
}

.data .dataLinkMulti a{
	background-color:#ff801d;
	padding-left:10px;
	padding-right:10px;
	border-radius:10px 10px 10px 10px;
	display:inline-block;
	margin:0px;
	margin-left:3px;
	text-decoration:none;
	color:#fff;
}

.data .dataLinkMulti a:hover{
	background-color:#ff912e;
}


.pageBody{
	width:100%;
	margin:0px;
	min-height:100vh;
}

.loginBox{
	border-radius:3px;
	text-align:center;
	width: 30%;
	margin: 0 auto;
	margin-top:50px;
	padding:10px;
	min-width:200px;
	max-width:500px;
	background-color:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.3);
	color:#444;
	
}

.loginBox span{
	display:block;
	font-weight:bold;
	text-transform: uppercase;
}

.loginBox #username,.loginBox #password{
    width:200px;
    
    min-width:initial;
}


.nav{
	background-color:#ffffff;
	width: 80%;
	min-width:200px;
	margin: 0 auto;
}

.nav ul{
	list-style: none
}

.nav li{
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
}

.nav a{
	text-decoration:none;
}

.breadcrumbs{
	/*margin-bottom:20px;*/
    background-color:#091A46;
}

.breadcrumbs .crumb{
	display:inline-block;
	padding-left:4px;
	padding-right:10px;
	background-color:#091A46;
	border-right:solid 1px;
	cursor:pointer;
}

.breadcrumbs .crumb:hover{
	font-weight:bold;
}

.breadcrumbs .lastCrumb{
	border-radius:0px 0px 3px 0px;
	border-right:0px;
}

.breadcrumbs .logout{
    display:inline-block;
	margin-left:90%;
	width:10%;
	max-width:70px;
	background-color:#ff801d;
	cursor:pointer;
	border-radius:0px 0px 5px 5px;
	text-align:center;
}

.breadcrumbs .logout:hover{
	background-color:#ff912e;
}


.breadcrumbs a{
	text-decoration:none;
	color:#fff;
}

.contents{
	margin:0 auto;
	width:95%;
	min-width:80vw;
	background-color:#ffffff;
	
	min-height:100vh;
}

.icon{
	padding:0px;
	border-radius:0px 5px 0px 5px;
	text-align:center;
	display:inline-block;
	margin:15px;
	width:15vh;
	max-width:140px;
}
.icon a{
	text-decoration:none;
	font-size:1em;
	color:#fff;
	display:block;
	background-color:#ff801d;
	border-radius:0px 0px 5px 5px;
	vertical-align:middle;
	padding-bottom:5px;
}
.icon .image{
	background-color:#fff;
	padding:5px;
}
.icon .image img{
	width:90%;
	
}
.icon span{
	padding-left:3px;
	padding-right:3px;
}

.text{
	color:#091A46;
	display:block;
	margin-left:20px;
}

.errorText{
	color:#bb3934;
	display:block;
	margin-left:20px;
}
.required{
	display:inline-block;
	padding:5px;
	color:#ff801d;
}