@charset "UTF-8";
/*

  Colours

    #ffa500   Light orange (h1, h2)
    #ff6400   Dark orange (title, border)
    #0080c0   Dark blue (title)
    #006699   Links
    #15A300   Links-hover, column titles
    #ffffaa   Highlight background


*/
/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
*/
.block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.block-group {
  *zoom: 1;
}

.block-group:before, .block-group:after {
  display: table;
  content: "";
  line-height: 0;
}

.block-group:after {
  clear: both;
}

.block-group {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.block-group > .block-group {
  clear: none;
  float: left;
  margin: 0 !important;
}

.block {
  float: left;
  width: 100%;
}

.block-group.has-spacing {
  margin: 0 -16px;
}

.block-group.has-spacing > .block {
  padding: 0 16px;
}

.b-5 {
  width: 5%;
}

.b-10 {
  width: 10%;
}

.b-15 {
  width: 15%;
}

.b-20 {
  width: 20%;
}

.b-25 {
  width: 25%;
}

.b-30 {
  width: 30%;
}

.b-33 {
  width: 33.3333%;
}

.b-35 {
  width: 35%;
}

.b-40 {
  width: 40%;
}

.b-50 {
  width: 50%;
}

.b-60 {
  width: 60%;
}

.b-70 {
  width: 70%;
}

.b-75 {
  width: 75%;
}

.b-80 {
  width: 80%;
}

.b-90 {
  width: 90%;
}

.block.b-50:nth-child(2n+1) {
  clear: left;
}

.block-group.is-middle > .block {
  vertical-align: middle;
}

html {
  overflow: -moz-scrollbars-vertical;
}

body {
  background-color: #fff;
  /*font-family:Trebuchet MS, Helvetica, sans-serif;*/
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 0px;
}

.nav-box {
  display: none;
}

.footer {
  display: none;
}

A {
  font-style: normal;
  color: #006699;
  text-decoration: none;
}

A:hover {
  font-style: normal;
  color: #55B10A;
  text-decoration: none;
}

A:visited:hover {
  font-style: normal;
  color: #15A300;
  text-decoration: none;
}

.style1 {
  font-size: 18px;
  font-weight: bold;
  color: #15a300;
}

.style2 {
  color: #000000;
  font-weight: bold;
}

.ad_box {
  width: 142px;
  height: 342px;
  padding-top: 5px;
  padding-left: 19px;
  padding-right: 19px;
  background-image: url(../images/side_banner.gif);
  background-repeat: no-repeat;
  text-align: center;
}

.banner {
  font-size: 10px;
  padding-left: 5px;
  text-align: left;
}

.title {
  font-family: "gill sans mt", verdana, arial;
  font-size: 24pt;
  font-weight: bold;
  letter-spacing: -3px;
  color: #006699;
}

.content_area ul li {
  margin: 3px 0;
}

p.breadcrumbs {
  font-size: 90%;
  font-weight: bold;
  margin: 32px 0 0 0;
}

/**
 * Msgbox classes
 */
/* Base class */
p.msgbox {
  background-position: 4px 4px;
  background-repeat: no-repeat;
  width: 320px;
  color: #000;
  padding: 4px 4px 4px 28px;
  border-width: 1px;
  border-style: solid;
  font-size: 8pt;
}

/* ERROR */
p.msgbox.error {
  background-image: url(../images/i_error.png);
  background-color: #FBE6F2;
  border-color: #D893A1;
}

/*p.msgbox.error{
  background-image:url(i_error.png);
  color:red;
  border-width:0;
}*/
/* INFORMATION */
p.msgbox.info {
  background-image: url(../images/i_info.png);
  background-color: #E6FBF2;
  border-color: #93D8A1;
}

/* EXCLAMATION */
p.msgbox.exclamation {
  background-image: url(../images/i_exclamation.png);
  background-color: #FBE6F2;
  border-color: #D893A1;
}

/* QUESTION */
p.msgbox.question {
  background-image: url(../images/i_help.png);
  background-color: #E6FBF2;
  border-color: #93D8A1;
}

span.green, p.green {
  color: #15A300;
  font-weight: bold;
  font-size: 10pt;
}

p span, dd span {
  background: #FFA;
}

p span.red {
  background: #FBE6F2;
}

dl {
  margin-top: 8px;
}

dt {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 2px;
}

dd {
  margin-bottom: 12px;
}

.column dt {
  color: #55B10A;
}

.column dt, .column dd {
  font-size: 12px;
  line-height: 1.4;
  margin: 0;
}

.column dd {
  color: #333;
  font-size: 11px;
  margin: 0 0 12px 0;
}

/* Tableless form */
fieldset {
  border: 1px solid #999;
  margin: 0 0px 24px 0;
  padding: 8px;
}

legend {
  color: #999;
  font-size: 14px;
  font-weight: bold;
  padding: 0 4px;
}

/**
 * Alternating table row colours (zebra tables)
 */
.tr0 td {
  background: #F5F4EA;
  color: #000;
}

.tr1 td {
  background: #ffffff;
  color: #000;
}

/**
 * Table headings (<TD> tags with class 'h' = a <TH> tag :D)
 */
td.h {
  font-weight: bold;
  border: 0px;
}

tr.heading td {
  background: #D6DFF7;
  color: #000;
}

tr.heading td.n, td.n {
  background: #fff;
}

/**
 * Icon bar on list pages above & below data
 */
p.iconbar {
  padding: 0px 0px 0px 0px;
  margin: 16px 0px 16px 5px;
  background: #fff; /*#f5f4ea;*/
  color: #000;
  font-weight: bold;
  font-size: 105%;
  /*font-family:arial,helvetica,sans-serif;*/
}

div.column div.c {
  margin: 0;
}

div.column div#c1 {
  margin-right: 10px;
}

div.column div#c2 {
  margin-left: 10px;
}

/* Forms */
input, select, textarea, file {
  font-family: Tahoma, verdana, arial, sans-serif;
  padding: 0px;
  font-size: 10pt;
}

select.list, input.text {
  width: 128px;
}

tr.fsubmit td input {
  width: 64px;
  font-weight: bold;
}

table.form td {
  padding: 6px;
  border-bottom: 1px solid #c0c0c0;
  background-color: #f5f4ea;
  vertical-align: top;
}

table.form td + td {
  background-color: #fff;
  font-size: 85%;
}

table.form td label {
  font-weight: normal;
}

table.form td label.required {
  font-weight: bold;
}

table.form input[type=checkbox] { /*margin:2px 0px;*/
  margin-left: 0px;
  vertical-align: middle;
}

table.form tr.fsubmit td {
  background: #fff;
  color: #000;
  border: 0px;
}

table.form tr.fsubmit td input {
  font-weight: bold;
  padding: 2px 10px;
}

table.form {
  width: 75%;
  min-width: 400px;
}

/*table.form input[type="text"],textarea,select{ border:1px solid #c0c0c0; padding:1px; }*/
tr.title td {
  padding: 4px;
  background: #D6DFF7;
  color: #000;
  font-size: 10pt;
  letter-spacing: 0;
  font-family: Tahoma;
  font-weight: bold;
  border-bottom: 0px;
}

.input-focus {
  background-color: #F5F4EA;
}

.cssform p {
  /*width: 200px;*/
  clear: left;
  margin: 0;
  padding: 12px 0 0px 0;
  padding-left: 145px; /*width of left column containing the label elements*/
  border-bottom: 0px solid #c0c0c0;
  height: 1%;
}

.cssform label {
  font-weight: bold;
  float: left;
  margin-left: -145px; /*width of left column*/
  width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform label.ni {
  font-weight: normal;
  width: auto;
  margin: 0;
  float: none;
}

.cssform input[type=checkbox] {
  margin: 0;
}

.cssform label.required { /*font-weight:bold;*/ }

.cssform label.required:after {
  content: "*";
  color: red;
  font-weight: normal;
}

.cssform div.submit {
  padding: 8px 0 0 150px;
  border-top: 1px solid #c0c0c0;
  margin-top: 8px;
}

.cssform div.submit input {
  /* background-image:url(images/ui/bullet_disk.png);
  background-position:2px 50%;
  background-repeat:no-repeat; */
  padding: 0px 4px;
}

.cssform input[type=text] { /*width of text boxes. IE6 does not understand this attribute*/
  /*width: 180px;*/
}

.cssform textarea {
  /*width: 250px;
  height: 150px;*/
  /*border:2px inset;*/
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix {
  margin-left: 3px;
}

.cssform p.hint {
  padding-top: 1px;
  background: #fff;
  font-size: 85%;
  color: #777;
}

.cssform div.formfield {
  margin-left: 150px;
}

.cssform p.error span, span.error {
  background: #FBE6F2;
  color: #000;
  padding: 2px;
  line-height: 150%;
}

.cssform p.error span {
  font-size: 105%;
}

p.hint span.error {
  font-size: 100%;
}

span.error {
  padding: 0;
  font-size: 90%;
}

.sidebox {
  border: 1px solid #ff6400;
  background: #ffffef;
  padding: 10px;
}

/* Gallery */
div.iconbox {
  height: 180px;
  width: 300px;
  border: 1px solid #ccc;
  overflow: scroll;
  margin-left: 5px;
}

div.g, div.g1 {
  float: left;
  margin: 0 8px 8px 0;
  width: 22px;
  text-align: center;
  border: 0px solid transparent;
}

div.g1 {
  background: #d894a1;
  border: 0px solid #D893A1;
}

div.g p, div.g1 p {
  margin: 0;
  padding: 0;
  text-align: center;
}

/* Image preview */
.border_b {
  border: 1px solid #000000;
}

.float {
  visibility: hidden;
  position: absolute;
  left: -3000px;
  z-index: 10;
}

.header .header-title {
  margin-bottom: 16px;
}

.header .header-meta {
  display: none;
}

.bookings-grid-header {
  padding: 6px;
  font-weight: bold;
  border: 1px solid #999;
  color: #666;
  margin-bottom: 16px;
}

.bookings-grid-header a {
  /*color: inherit;*/
  display: none;
}

.bookings-grid-controls {
  margin-bottom: 16px;
}

.bookings-grid-controls .filter-button span + span {
  display: none;
}

.buttonlist {
  font-weight: bold;
  margin-bottom: 16px;
}

.buttonlist a {
  display: none;
}

.buttonlist a.is-active {
  display: block;
}

.bookings-grid {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid #666;
}

.bookings-grid.is-legend {
  width: auto;
}

.bookings-grid th,
.bookings-grid td {
  font-size: 90%;
  /*font-family: tahoma,verdana,sans-serif;*/
  /*padding: 3px;*/
  position: relative;
  display: table-cell;
  height: 100%;
  border: 2px solid #666;
}

.bookings-grid-header-row .bookings-grid-header-cell {
  text-align: center;
  font-weight: normal;
  padding: 3px;
  z-index: 10;
  background: #f5f4ea;
}

.bookings-grid-content-row .bookings-grid-header-cell {
  text-align: right;
  vertical-align: middle;
  font-weight: normal;
  z-index: 10;
}

.bookings-grid-content-row .bookings-grid-header-cell {
  width: 100px;
  padding: 15px 5px;
  background: #f5f4ea;
}

.bookings-grid-header-cell-is-today strong,
.bookings-grid-header-cell-is-today span {
  background: #ffffaa;
}

.bookings-grid-slot {
  text-align: center;
  vertical-align: middle;
  position: relative;
  /*border: 1px solid #ddd;*/
  padding: 0;
}

.bookings-grid-slot.booking-status-available .bookings-grid-button {
  display: none;
  color: #000;
}

.bookings-grid.is-legend .bookings-grid-slot.booking-status-available .bookings-grid-button {
  display: block;
}

.bookings-grid-slot.booking-status-booked-recurring {
  background: #E68A73;
  color: #fff;
}

.bookings-grid-slot.booking-status-booked-recurring .bookings-grid-button:after {
  display: block;
  position: absolute;
  top: -6px;
  right: 6px;
  content: "⋯";
  font-size: 24px;
  line-height: 24px;
}

.bookings-grid-slot.booking-status-booked-single {
  background: #3082BF;
  color: #fff;
}

.bookings-grid-slot .bookings-grid-button {
  padding: 8px;
  color: #fff;
}

.booking-cell-notes {
  display: none;
}

.booking-cell-notes-full {
  display: block;
}

.bookings-grid + .cssform.block-group {
  display: none;
}

table.bookings td {
  font-size: 90%;
  font-family: tahoma, verdana, sans-serif;
}

table.bookings td.free {
  background: #fff;
  border: 1px solid #ccc; /*#D3E6CF;  /*#C7F2BC;*/
  color: #000;
} /* Free period */
table.bookings td.static {
  background: #E68A73;
  color: #fff;
  border: 1px solid #E68A73;
} /* Timetabled lesson */
table.bookings td.staff {
  background: #3082BF;
  color: #fff;
  border: 1px solid #3082BF;
} /* Booked by staff */
table.bookings td.free a {
  color: #00f;
  text-decoration: none;
  display: block;
}

table.bookings td.free a:hover {
  color: #f00;
  text-decoration: none;
}

/*# sourceMappingURL=print.css.map */