@CHARSET "ISO-8859-1";

body {
	background-color: #E0E0E0;
	font-family: 'Segoe UI', Helvetica, Garuda, Arial, sans-serif;
	padding: 2%;
	padding-top: 0px;
	margin: 0px;
	background-image: url('/images/backgrounds/mainsite-background.jpg');
	background-repeat: no-repeat;
	background-size: cover; 
	background-color: #000000;
}


div.header {
	background-color: #37D38D;
	padding-top: 4px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom:10px;
}

div.header div.section {
	background-color: #37D38D;
	background-image: url('/images/backgrounds/header1.jpg');
	background-position: left top;
	background-repeat: repeat-y; 
	background-size: cover;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0px;
	padding: 10px;
	padding-bottom: 0px;
	
	color: #fff;
	height: 140px;
}

div.header p {
	text-align: right;
	font-color: #fff;
}

div.bookingManagementLink {
	float: right;
	background-position: left;
	background-repeat: no-repeat;
	background-color: #fff;
	color: #A9E7CB;
	padding: 5px;
	height: 60px;
	width: 60px;
	border: 2px solid #217E54;
	
}

div.socialConnections {
position: absolute;
top: 125px;
float: right;
right: 15px;
	
}

span.headerMiddleText {
	font-size: 3em;
	position: absolute;
	left: 38%;
	top: 7%;
}

div.adminLink a {
	padding-left: 50px;
	line-height:2.8em;
}

a:link, a:visited {
	color: #F97341;
}
a:hover {
	color: #016D3C;
}


/*
h1 {
	border-left: 10px solid #F99772;
	padding-left: 10px;
	font-size: 2em;	
}
*/
h1.pageHeader {
	margin-bottom: 5px;
	border: none;
}

h2.pageHeader {
	padding: 0px;
	margin: 0px;
	font-style: italic;
	font-size: 12px;
}


div.mainbody {
	vertical-align: top;
	background: #ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1px;
	padding-bottom: 50px;


	display: block;
	float: none;
}


div.left2_3 {
	width: 60%;
	display:block;
	float: left;
	padding: 5px;
}

div.right1_3 {
	width: 37%;
	display: block;
	float: left;
	padding: 5px;
}

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





div.clearFloat {
	clear:both;
}





/* This is for the info bars when updates etc have successfully taken place */
p.informationalMessage {
	background-color: #98FB98; /* Background colour = Pale Green */
	color: #2F4F4F; /* Text colour = Wheat */
	font-weight: bold;
	font-size: 20px;
	padding: 3px;
	border: 1px;
	border-style: solid;
	border-color: #2F4F4F; /* dark slate gray */
}

p.warningMessage {
	background-color: #B22222; /* Background colour = FireBrick */
	color: #FFF5EE; /* Text colour = Sea shell */
	font-weight: bold;
	font-size: 20px;
	padding: 3px;
	border: 1px;
	border-style: solid;
	border-color: #2F4F4F; /* dark slate gray */
}

/* This is the small bread crumbs details at the top of each section */
p.breadcrumbs {
	font-size: 10px;
}

p.justify-right {
	text-align: right;
}

#PageFooter {
	background: #A9E7CB;
	border: 1px solid #37D38D;
	text-align: center;
	font-size: .7em;
	padding: 10px;
}


div.bookingSearchEntry {
	border: 2px solid #37D38D;
	padding: 2px;
	margin-bottom: 15px;
	position:relative;
}
div.bookingSearchEntry:hover {
	cursor:pointer;
	background: #A9E7CB;
}

tr.bookingSearchEntry
{
	border: 2px solid #37D38D;
	padding: 2px;
	margin-bottom: 15px;
	position:relative;
}

tr.bookingSearchEntry:hover
{
	background: #A9E7CB;
}



.bookingSearchEntryCol1 {
	float: left;
	width: 150px;	
}

.bookingSearchEntryCol2 {
	float: left;
}

.bookingSearchEntryCol3 {
	float: left;
}

div#bookingView {
	border: 2px solid #37D38D;
	padding: 2px;
	margin-bottom: 15px;
	position:relative;
}


/* Booking Events */
div.bookingEvents ul {
	padding: 0px;
	padding-right: 250px;
}
div.bookingEvents ul li {
	background: #A9E7CB;
	border: 1px solid #37D38D;
	margin-top: 5px;
	list-style: none;
	
}

div.bookingEvents ul li .timestamp {
	font-size: 1em;
	font-style: italic;
	padding-right: 50px;
}

div.bookingEvents ul li div.email {
	position: absolute;
	background: white;
	width: 75%;
	padding: 10px;
	border: 2px black solid;
	margin-top: 5px;
	display: none;
}

pre {
	white-space: pre-wrap;
}

div.actionsPanel {
	border-left: 2px solid #F99772;
	height: 98%;
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	right: 0px;
	width: 200px;
}

div.actionsPanel h1 {
	border: 0px;
	margin: 0px;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	text-align: center;
	color: #03a85d;
	
}

div.actionsPanel li.edit {
	list-style-image: url('/images/icons/calendar_edit-32.png');
}

div.actionsPanel li.delete {
	list-style-image: url('/images/icons/delete-32.png');
}

div.actionsPanel li.cancel {
	list-style-image: url('/images/icons/cancel-32.png');
}

div.actionsPanel li.money {
	list-style-image: url('/images/icons/money-32.png');
}

div.actionsPanel li.email {
	list-style-image: url('/images/icons/gmail-32.png');
}

div.actionsPanel li.edit a,
div.actionsPanel li.delete a,
div.actionsPanel li.edit a,
div.actionsPanel li.email a,
div.actionsPanel li.money a {
	vertical-align: super;
	
}


/* =============== */
/* Calendar styles */
/* =============== */
div.calendarBooking {
  border: 1px solid; 
  position: absolute;
  background: blue;
  width: 10%;
}

/* Reserved booking*/
div[class*='calendarBookingReserved']
{
	background: #F99772;
	border: 1px dashed;
	
	position: absolute;
	width: 10%;
}

div[class*='calendarBookingDepositPaid']
{
	background: #A9E7CB;
	border: 1px solid;
	position: absolute;
	width: 10%;
}

div[class*='calendarFinalAccountConfirmed']
{
	background: #65A2CD;
	border: 1px solid;
	
	position: absolute;
	width: 10%;	
}

div[class*='calendarBookingFullyPaid']
{
	background: #217E54;
	border: 1px solid;
	
	position: absolute;
	width: 10%;	
}

div[class*='calendarBookingDebtWrittenOff']
{
	background: red;
	border: 1px solid;
	position: absolute;
	width: 10%;
}
div.calendarBookingDebtWrittenOff a
{
	color: black;
}

div[class*='calendarBookingClosed']
{
	background: #999999;
	border: 1px solid;
	
	position: absolute;
	width: 10%;	
}

div.calendarBookingReserved p,
div.calendarBookingDepositPaid p,
div.calendarFinalAccountConfirmed p,
div.calendarBookingFullyPaid p,
div.calendarBookingDebtWrittenOff p,
div.calendarBookingClosed p
{
  padding: 0px;
  margin: 0px;
  
  font-size: 10px;
  text-align: center;
  vertical-align: middle;
  
  position: relative;
  top: 20%;
}

div.calendarBookingReserved_legend, 
div.calendarBookingDepositPaid_legend, 
div.calendarFinalAccountConfirmed_legend,
div.calendarBookingFullyPaid_legend,
div.calendarBookingDebtWrittenOff_legend,
div.calendarBookingClosed_legend
{
	width: 100px;
	height: 30px;
	display: block;	
	position: inherit;
	font-size: 10px;
	text-align: center;
	padding-top: 5px;
}

div.calendarBookingReserved a {
	color: #016D3C;
}

div.calendarBookingDepositPaid a {
	color: #9E2C01;
}

div.calendarFinalAccountConfirmed a {
	color: #F9A941;
}

div.calendarBookingFullyPaid a{
	color: #F97341;
}

div.calendarBookingClosed a{
	color: #000000;
}



div.DayOfWeekColumn {
 width: 3%;
 border: 1px black solid;
 border-right: none;
 float: left;
 clear: left;
}

div.dowText {
 text-align: center;
}

div.month {
 width: 15%;
 border: 1px black solid;
 float: left;
}

div.monthTitle {
  vertical-align: top;
  border-bottom: 1px solid;
}

div.dayBlanker, div.dayBlock, div.dowText {
  height: 30px;
  border-bottom: 1px dotted black;
}


div.dayBlock {
  clear: right;
  width: 100%;
}

div.daySection {
  float: left;
  height: 100%;
}

div.dayTopBlock, div.dayBottomBlock {
	height: 50%;
}

div.date {
  height: 100%;
  float: left;
  width: 15%;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
  border-right: 1px dotted black;
}

.requiredStar {
	font-weight: bold;
	color: red;
}

.superscript {
	vertical-align: super;
	font-size: .83em;
}

.centre {
	align: center;
}


.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

/* availability calendar style */
table.calendar {
	margin: 10px;
	margin-right: 20px;
	border: 1px solid black;
}


div.calendar {
	background-color:#E0E0E0;
	border-style: dotted;
	border-width: 2px;
	border-color:#03A85D;
	padding: 0px;
	margin: 2px;
	width: 265px;
	height: 220px;
	float: left;
	display: inline-block;
}
div.calendar table tr {
	height: 20px;
}
div.calendar table tr td {
	text-align: center;
	width: 30px;
	display: inline-block;
}

.dateblock {
	display: block;
	width: 30px;
}

td.calendar_title {
	text-align: center;
}

td.calendar_title {
	font-size: 30px;
}
td.calendar_title a.navigation {
	font-size: 10px;
}
td.calendar_month-title {
	font-size: 20px;
	text-align: center;
}

.calendar .diagonal {
	height: 0px;
	display: block;
	background-color: white;
}

.calendar .end {
	border-top: 20px solid #F97341;
	border-right: 30px solid white;
}

.calendar .start {
	border-top: 20px solid white;
	border-right: 30px solid #F97341;
}

.calendar .closed-into-booked {
	border-top: 20px solid #999999;
	border-right: 30px solid #F97341;
}

.calendar .booked-into-closed {
	border-top: 20px solid #F97341;
	border-right: 30px solid #999999;
}


.calendar .start>.dateblock, .calendar .end>.dateblock
{
	position: relative;
	top: -20px;
}

.calendar .border-right-closed {
	border-right-color: #999999;
}

.calendar .border-left-closed {
	border-top-color: #999999;
}

.calendar-end-diagonal div {
	width: 30px;
	
}

td.calendar_main_confirmed {
	background-color: #ff9999;
	color: #000000;
	text-decoration: line-through;
}

td.calendar_main_unconfirmed {
	background-color: #ffff99;
		
}

td.calendar_main_available {
	background-color: #66FF99;
	font-weight: bold;
}

td.calendar_main_closed {
	background-color: #999999;
}
td.calendar_main_unused {
	background-color: #ccffcc;
}

td.calendar_main_closed {
	text-decoration: line-through;
}
.calendar .booked {
	background: #F97341;
}
/* available */
.calendar .available {
	background: #ffffff;
}
.calendar .closed {
	background: #999999;
}

.calendarlegend {
	border: 2px solid #E0E0E0;
	width: 30px;
	height: 20px;
	display: block;
	margin-left: 10px;
	margin-bottom: 5px;
}




h2.news_title {
	border-left: 6px solid #F99772;
	padding-left: 10px;
	margin-bottom: 0px;
}

p.news_title {
	padding-top: 0px;
	border-left: 3px solid #A9E7CB;
	padding-left: 10px;
	font-size: 1.2em;
	padding-bottom: 0px;
}

p.news_author {
	padding-left: 20px;
	font-style: italic;
	font-size: 0.8em;
}

p.news_text {
	font-size: 0.9em;
	padding-left: 10px;
}

div.news_block {
	padding-top: 10px;
	border-bottom: 1px solid #E0E0E0;
}

div#leaderContactCard {
	display: none;
	position: absolute;
	left: 40%;
	background-color: #37D38D;
	width: 200px;
	padding: 10px;
}

div#leaderContactCard h1 {
	font-size: 1em;
	font-weight: normal;
}
p.leaderContactCard {
	font-size: 0.7em;
	font-weight: normal;
	padding-bottom: 0px;

}

.leaderDetails {
	font-size: 0.5em;
	font-weight: normal;
	vertical-align: super;	
}


div#activities {
	float: left;
	padding-right: 10%;
}

div#activities table {
	border-collapse: collapse;
}

div#activities table tr th {
	text-align:	center;
	padding-bottom: 10px;
	padding-top: 10px;
	border: 1px solid #37D38D;
	background-color: #37D38D;
}

div#activities table tr:nth-child(odd)    { background-color:#fff; }
div#activities table tr:nth-child(even) { background-color: #A9E7CB}

div#activities table, div#activities tr,div#activities td {
	border: 1px solid #37D38D;
	padding: 3px;
}

div#activities table tr td.blankLink {
	height: 20px;
}

div#amenities {
	float: left;
}

div#bottomText {
	float: left;
	width: 100%;
	padding-top: 30px;
}

span.booking_history_createdBy {
	float: right;
}


div[class*='alert_']
{
	padding: 5px;
	margin-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-top-width: 5px;
}
div[class*='alert_'] img
{
	float: left;
	padding-right: 10px;
}

div.alert_information
{
	border-color: #A9E7CB;
}

div.alert_warning
{
	border-color: #F99772;
}



div#invoice {
	width: 75%
}

div#invoice h1 {
	border-left: none;
	padding: 0;
	font-size: 2em;
}

div#invoice h2 {
	font-size: 1.2em;
}

div#invoice h3 {
	font-size: 1.1em;
}

div#invoiceHeader {
	height: 3em;
}

div#invoiceTo {
	float: left;
}

div#invoiceDateNo {
	float: right;
}

div#invoiceBreakdown table {
	width: 100%;
	border-collapse:collapse;
	border: 1px solid gray;
}

div#invoiceBreakdown table td {
	border-right: 1px solid gray;
	padding-left: 5px;
}

div#invoiceBreakdown table td.noboarder {
	border-right: none;
}

div#invoiceBreakdown table td.break {
	border-bottom: 1px solid gray;
}

div#invoiceBreakdown table td.totals {
	text-align: right;
	padding-right: 20px;
}



div#invoiceBreakdown table tr.header td {
	background-color: #A9E7CB;
	font-size: 1em;
	font-weight: bold;
	
}


#booking-availability-link
{
	font-size: 1.2em;
	font-weight: bold;
}