a:link, a:visited { background-color: inherit; color: #444; text-decoration: none; }
a:focus, a:hover { background-color: inherit; color: #a44; text-decoration: underline; }

html {
  background-color: #fff;
  color: #000;
  font-family: 'Segoe UI', Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 8pt;
  margin: 0px 0px 0px 0px;
}

form { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
img { border: none; text-align: center; vertical-align: middle; }

table { table-layout: fixed; }

#templateContainer {
  margin: 5px auto 5px auto;
  width: 602px;
}

#templateBanner {
  background-color: #fff;
  color: #000;
  margin-bottom: 10px;
  text-align: right;
}

#templateBanner h1 {
  font-family: 'Times New Roman', Serif;
  font-size: 20pt;
  font-style: italic;
  font-weight: bold;
  line-height: 30pt;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#templateBannerDate {
  font-weight: bold;
  line-height: 14pt;
  margin: 0px 10px 0px 0px;
}

#templateColumns {
  margin-bottom: 10px;
}

#templateLeftColumn {
  display: none; 
}

#templateRightColumn {
  width: 600px;  
}

#templateRightColumn .PageTitle {
  background-color: #fff;
  color: #000;
  line-height: 14pt;
  margin-bottom: 10px;
  padding: 2px 5px 2px 5px;
}

#templateRightColumn .PageTitle h2 {
  background-color: inherit;
  color: #6a6;
  font-size: 14pt;
  line-height: 17pt;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#templateRightColumn .PageContent {  
  background-color: #fff;
  color: #000;
  line-height: 14pt;
  padding: 10px 10px 10px 10px;
}

#templateRightColumn h4 {
  background-color: #697E47;
  border-bottom: solid 1px #697E47;
  color: #fff;
  font-size: 10pt;
  font-weight: bold;
  line-height: 18pt;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 5px;
}

#templateFooter {
  background-color: #fff;
  clear: both;
  color: #999;
  line-height: 15pt;
  text-align: center;
  padding-right: 10px;
}

table.Coloured {}
table.Coloured thead tr { }
table.Coloured thead tr th { background-color: #5B6E54; color: #fff; font-size: 8pt; font-weight: bold; line-height: 16pt; min-height: 22px; }

table.Coloured tbody tr { }
table.Coloured tbody tr th { background-color: #bbb; color: #fff; font-size: 8pt; font-weight: bold; line-height: 15pt; min-height: 20px; text-align: left;}

table.Coloured tbody tr { background-color: #F4F7DE; color: #000; vertical-align: top; }

table.Coloured tfoot tr { background-color: #F4F7DE; color: #000; text-align: right;}
table.Coloured tfoot tr td { border-bottom: solid 1px #5B6E54; }

table.labelColumn tbody tr td:first-child { font-weight: bold; text-align: right; line-height: 14pt; vertical-align: top; }

.BookingLight { background-color: #f6e6c4 !IMPORTANT; color: #000; line-height: 14pt; vertical-align: top; }
.BookingDark { background-color: #e6c5a3 !IMPORTANT; color: #000; line-height: 14pt; vertical-align: top; }
.TimeTabledRow, .TimeTabledEvent { background-color: #FEEAB6 !IMPORTANT; color: #000; line-height: 14pt; vertical-align: top; }

.ItemRow { background-color: #F4F7DE !IMPORTANT; color: #000; line-height: 14pt; vertical-align: top; }
.AlternatingItemRow{ background-color: #EAF0CF !IMPORTANT; color: #000; line-height: 14pt; vertical-align: top; }
.InfoRow td { background-color: infobackground; border: solid 1px #000; color: infotext; line-height: 14pt; font-weight: normal !IMPORTANT; padding: 5px 5px 5px 5px; text-align: left !IMPORTANT;}

table.Calendar { }
table.Calendar thead tr { }
table.Calendar thead tr th { background-color: #697E47; color: #fff; font-size: 8pt; font-weight: bold; line-height: 16pt; min-height: 22px; }

table.Calendar .MonthLeft { float:left; width: 20px; }
table.Calendar .MonthName { float:left; width: 280px; }
table.Calendar .MonthRight { float:left; width: 20px; }

table.Calendar tbody tr { }
table.Calendar tbody tr th { background-color: #9CAB75; color: #fff; font-size: 8pt; font-weight: bold; line-height: 15pt; min-height: 20px; }

table.Calendar td.BlueDay { background-color: #F4F7DE; color: #000; text-align: center; line-height: 18pt; }
table.Calendar td.GreyDay { background-color: #f7f7f7; color: #697E47; text-align: center; line-height: 18pt; }

/* Forms and General Formatting */
.alignCentre { text-align: center; }
.alignRight { text-align: right; }

.colourRed { background-color: inherit; color: #c00; }
.colourGreen { background-color: inherit; color: #0c0; }
.colourBlue { background-color: inherit; color: #00c; }

.Button { display: none;}

.DropDownList { 
  background-color: #fff; 
  color: #000; 
  border: solid 1px #1a1a1a; 
  font-family: Consolas, 'Lucida Console', 'Courier New', Courier, fixedsys; 
  font-size: 8pt; 
}

.DropDownList option { padding: 2px 2px 2px 2px; }

.TextBox, .MultilineTextBox { 
  background-color: #fff; 
  color: #000; 
  border: solid 1px #1a1a1a; 
  font-family: Consolas, 'Lucida Console', 'Courier New', Courier, fixedsys; 
  font-size: 8pt; 
  padding: 2px 2px 2px 2px; 
}

.TextBox:focus, .MultilineTextBox:focus, .DropDownList:focus { background-color: #e6e6f7; color: #000; }

.RequiredField { background-color: #f7e6e6; border: solid 1px #c00; color: #000; }

.InfoBox { background-color: infobackground; border: solid 1px #000; color: infotext; line-height: 14pt; padding: 5px 5px 5px 5px; }
.RedBox { background-color: #f7e6e6; border: solid 1px #c00; color: #000; margin-bottom: 10px; padding: 5px 5px 5px 5px; }


.floatClear { clear: both; }

.height50 { height: 50px; }
.height100 { height: 100px; }
.height200 { height: 200px; }
.height300 { height: 300px; }
.height400 { height: 400px; }

.width50 { width: 50px; }
.width100 { width: 100px; }
.width200 { width: 200px; }
.width300 { width: 300px; }
.width400 { width: 400px; }
.width500 { width: 500px; }
.width600 { width: 600px; }