@font-face {
  font-family: 'Roboto';
  src: local('Roboto'),url('https://orangetwine.co.uk/fonts/Roboto-Regular.ttf');
}

body {
 	height: 100vh;
  	font-family:Roboto;
	font-size:9pt;
	background-color:white;
}

h1, h1 a {
	font-family:Roboto;
	font-size:2pc;
	font-weight:normal;
	text-align:center;
	color:#FFA500;
	text-decoration:none;
}

form table {
	text-align:center;
	margin:auto;
}

input {
	font-family:Roboto;
}

select {
	font-family:Roboto;
}

textarea {
	font-family:Roboto;
}


h3 {
	text-align:center;
	font-size:10pt;
	clear:both;
}

.hidden {
	display:none;
}

[draggable] {
	cursor:pointer;
}

.back {
	float:left;
}

.next {
	float:right;
}


.actionbox {
	position:absolute;
	top:1pc;
	right:1%;
	width:6pc;
	margin-bottom:1pc;
}

.actionbox a {
	display:block;
	background-color:#EB9100;
	color:#FFFFFF;
	border-radius:3pc;
	padding:0.3pc;
	text-align:center;
	text-decoration:none;
}

.forumbox {
	top:20px;
	left:10px;
	width:220px;
	margin-bottom:20px;
}

.forumbox a {
	display:block;
	background-color:#EEEEEE;
	color:#000000;
	border-radius:2pc;
	padding:20px;
	text-align:center;
	text-decoration:none;
}

.backbox {
	position:absolute;
	top:1pc;
	left:1%;
	width:6pc;
	margin-bottom:1pc;
}

.backbox a {
	display:block;
	background-color:#EB9100;
	color:#FFFFFF;
	border-radius:3pc;
	padding:0.3pc;
	text-align:center;
	text-decoration:none;
}


.eventbox {
	width:260px;
	margin:auto;
}

.eventbox a {
	display:block;
	color:#000000;
	border-radius:1pc;
	text-decoration:none;
}


.imagesbox {
	float:left;
	width:20%;
	position:relative;
}

.imagesbox form {
	text-align:center;
}

.imagesbox img {
	max-width:80%;
	transition:max-width 1s ease;
	display:block;
	margin:auto;
}

.imagesbox img:hover {
	max-width:200%;
}

.imagesbox figcaption {
	text-align:center;
}

.messagesbox {
	float:left;
	width:55%;
}

.messagesbox textarea {
	font-family:Roboto;
	background-color:#FFD732;
	border:1px solid #EB9100;
	margin:0;
	width:100%;
	box-sizing:border-box;
}

.messagesbox div {
	margin-top:1pc;
	padding:0.3pc;
}

.messagesbox div:nth-child(odd) {
	background-color:#FFCD28;
}

.messagesbox div:nth-child(even) {
	background-color:#FFAF0A;
}

.messagesbox i {
	font-size:0.8pc;
}

.calendarbox {
	float:right;
	width:20%;
	margin-right:1%;
}

.calendarbox>div {
	background-color:#FFF1C5;
	border-top:1px solid #634C00;
	overflow:auto;
}

.calendarbox time {
	float:left;
	width:20%;
	text-align:center;
	color:#634C00;
	margin-bottom:0.1pc;
}

.calendarbox time:first-line {
	font-weight:bold;
}

.calendarbox>div>div {
	float:right;
	width:80%;
}

.calendarbox .weekend {
	background-color:#FFDF76;
}

.calendartable {
	margin:auto;
	width:90%;
}

.calendartable td {
	background-color:#FFF1C5;
	border:1px solid #634C00;
	width:12%;
	padding:0.3%;
	height:2.5pc;
	vertical-align:top;
}

.calendartable td[colspan] {
	text-align:center;
	font-size:2pc;
}

.calendartable td:nth-child(6), .calendartable td:nth-child(7) {
	background-color:#FFDF76;
}

.calendartable time {
	display:block;
	text-align:center;
	font-weight:bold;
}

.annual {
	font-style:italic;
}

.forumtitle {
	font-family:Roboto;
	font-size:14pt;
	font-weight:normal;
}


.forumtitle a {
	text-decoration: none;
	color:#000000;
}

.forumsmall {
	font-family:Roboto;
	font-size:9pt;
	font-weight:normal;
	font-style:italic;
}

.forumbody {
	font-family:Roboto;
	font-size:11pt;
	font-weight:normal;
	line-height:2;
}

.forumcategory {
	font-family:Roboto;
	font-size:16pt;
	font-weight:normal;
	position: absolute;
	bottom: 25px;
	left: 16px;
}

.forumcategory a {
	text-decoration: none;
	display:block;
	color:#000000;
}

.forumcomment {
	font-family:Roboto;
	font-size:10pt;
	font-style:italic;
	font-weight:normal;	
}


#linkInvoiceA {
  position: relative;
  width: 60%;
  height: 100%;
  float: left;
  z-index: 1010101010;
}

#linkInvoiceB {
  position: relative;
  width: 40%;
  height: 100%;
  float: left;
  text-align:left;
  z-index: 1010101010;
}

#linkInvoice {
    width: 95%;
    height: 95%;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
}