/* The basic settings for the page */
body
{
   background: #cccccc;
   font-family: century gothic, georgia, optima, century gothic, verdana, arial;
   font-size: 9pt;
   margin: 0em;
   padding: 0em;
}

/* Top level heading, used in top area of each page */
h1
{
   color: #ffffff;
   font-style: none;
   font-size: 180%;
   padding: .5em 0em;
   margin: 0em;
}

/* Second level heading, used pretty much everywhere a heading is needed */
h2
{
   color: #990000;
   font-size: 140%;
   padding: 0em;
   margin: 0em 0em 0.5em 0em;
}

/* Third level heading, used occasionally through the site */
h3
{
   color: #990000;
   font-size: 120%;
   padding: 0em;
   margin: 0em 0em 0.5em 0em;
}

/* Links */
a
{
   text-decoration: none;
   color: #990000;
}

/* Links when the cursor is over them */
a:hover
{
   text-decoration: underline;
   color: #990000;
}

/* Definition lists */
dl
{
   margin: 0em 0em 0em 3em;
   padding: 0em;
}

/* Definition lists - the term being defined */
dt
{
   margin: 0em;
   padding: 0em;
   font-weight: bold;
}

/* Definition lists - the definition */
dd
{
   margin: 0em 0em 1em 1em;
   padding: 0em;
}

/* The "powered by" text */
div#poweredby
{
   font-style: italic;
   color: #666666;
   font-size: 80%;
   text-align: right;
   margin: 0.5em 1em 0.5em 0em;
   padding: 0em;
}

/* The link for the "powered by" text */
div#poweredby a
{
   color: #333333;
}

/* The link for the "powered by" text, when the mouse is over it */
div#poweredby a:hover
{
   color: #ff0000;
}

/* The heading area of the page, where an event's title is displayed */
div#heading
{
   background: #666666 url(/Header/heading_bg.gif) repeat-x;
   margin: 0em 0em 0em 0em;
   padding: 0.2em 1em;
   border-style: solid;
   border-width: 1px 0px 3px 0px;
   border-color: #ffffff #000000 #990000 #000000;
}

/* The site navigation */
div#nav
{
   font-family: century gothic, georgia, optima, century gothic, verdana, arial;
   text-align: right;
   font-style: italic;
   margin: 0.5em 1em 0em 0em;
   padding: 0em;
}

/* The main content area for the page */
div#content
{
   padding: 1em;
   margin: 0em;
}

/* Paragraphs */
p
{
   margin: 0em 0em 1em 2em;
   font-style: italic;
   width: 50em;
}

/* Bulleted lists */
ul
{
   margin: 0em 0em 1em 2em;
}

/* Tables */
table
{
   margin: 0em auto;
}

/* Table used to display (and edit) lesson information */
table#lesson
{
   border: 2px solid #000000;
   background: #ffffff;
}

/* Information about a lesson within the lesson table */
table#lesson td
{
   background: #ffffff;
}

/* Headings in tables */
th
{
   background: #666666 url(/Header/th_bg.gif) repeat-x;
   color: #ffffff;
   padding: .2em .5em;
   border-style: solid;
   border-width: 1px 0px 2px 0px;
   border-color: #ffffff #000000 #ffffff #000000;
}

/* Data in tables */
td
{
   padding: .2em 1em .2em .2em;
   vertical-align: top;
}

/* A table heading cell, used at the left hand side of a row */
th.row
{
   text-align: left;
   vertical-align: top;
}

/* Used to provide a heading across a table - usually the first row */
th.titlerow
{
   color: #ffffff;
   padding: 0.6em;
}

/* Indicate some element is unavailable */
.disabled
{
   color: #666666;
}

/* For prominent displays of messages, e.g. when a lesson has been saved */
.hiliteheading
{
   font-weight: bold;
   background: #ffff00;
   border-style: solid;
   border-width: 2px;
   border-color: #000000;
}

/* Used to convey information to the user (e.g. schedule has no lessons) */
div.errorheading
{
   color: #ff0000;
   font-weight: bold;
   font-size: 140%;
   text-align: center;
   padding: 0em;
   margin: 0em;
}

/* table.timetable th.day */
table.timetable th.day
{
   background: #666666 url(/Header/th_bg.gif) repeat-x;
   font-size: 140%;
   padding: 0.5em;
}

/* table.timetable td */
table.timetable td
{
   vertical-align: top;
   padding: 0em;
}

/* div.lesson */
div.lesson
{
   background: #ffffff;
   border-style: solid;
   border-width: 1px;
   border-color: #000000;
   margin: 0px 4px 2px 4px;
}

/* div.lesson div.title */
div.lesson div.title
{
   font-weight: bold;
   background: #999999;
   color: #000000;
   padding: 0.5em;
}

/* div.lesson div.details */
div.lesson div.details
{
   padding: 0.5em;
   border-style: solid;
   border-width: 1px 0px 0px 0px;
   border-color: #000000;
}

/* div.lesson div.title div.time */
div.lesson div.title div.time
{
   float: right;
   font-weight: normal;
   font-style: italic;
}

/* div.time */
div.time
{
   font-size: 80%;
}

/* div.lesson div.details div.book */
div.lesson div.details div.book
{
   float: right;
}

/* div.book */
div.book
{
   background: #ffffff;
   padding: 0.1em 0.3em;
   border: 1px solid #000000;
   margin: 0.5em 0em 0em 0em;
}

/* div.lesson div.details span.info */
div.lesson div.details span.info
{
   font-weight: bold;
   font-style: italic;
}

/* div#breakout */
div#breakout
{
   float: right;
   background: #ffffff;
   color: #000000;
   margin: 0em;
   padding: 0.5em;
   border-style: solid;
   border-width: 2px;
   border-color: #ff0000;
}

/* table#crossreference td */
table#crossreference td
{
   text-align: center;
}

/* Used for displaying unformatted database tables, e.g. the student list */
table.db td
{
   font-size: 80%;
   padding: 0.3em 0.7em;
   text-align: left;
}

/* Used for displaying unformatted database tables, e.g. the student list */
table.db th
{
   font-size: 80%;
   padding: 0.3em 0.7em;
   text-align: left;
}

/* Colour of even rows in unformatted database tables */
table.db tr.even
{
   background: #ebcda4;
}

/* Colour of odd rows in unformatted database tables */
table.db tr.odd
{
   background: #ffffff;
}

/* Colour of the row containing menus, etc in unformatted database tables */
table.db tr.restrictions
{
   background: #cc9900;
}

/* Formatting of "x rows returned" message in unformatted database tables */
table.db span.rowCountMessage
{
   font-style: italic;
}

/* For the "signed in as ..." message next to the site navigation */
span.accountInfo
{
   color: #000000;
}

/* Second level heading, used pretty much everywhere a heading is needed */
div#content h1
{
   color: #666666;
   font-size: 140%;
   padding: 0em;
   margin: 0em 0em 0.5em 0em;
}

/* Sometimes we want to indent the third level heading */
h3.indented
{
   margin: 0em 0em 0.5em 1em;
}

/* div#breakout p */
div#breakout p
{
   margin: 0em;
   padding: 0em;
   width: inherit;
}

/* The login area (read only) */
table#login
{
   background: #666666 url(/Header/login_bg.gif) no-repeat;
   color: #eeeeff;
   border-width: 2px;
   border-style: solid;
   border-color: #000000;
}

/* Parts of the login area (read only) */
table#login th
{
   border-width: 0px;
   border-style: none;
   border-color: #000000;
   padding: 4px;
}

/* Parts of the login area (read only) */
table#login td
{
   border-width: 0px;
   border-style: none;
   border-color: #000000;
   padding: 4px;
}

/* The login area heading (read only) */
table#login h2
{
   color: #eeeeff;
}

/* Used for messages embedded in tables, e.g. errors (read only) */
table#lesson td.message
{
   font-style: italic;
   text-align: center;
   background: #ff0000;
   color: #ffffff;
}

/* Used for messages embedded in tables, e.g. errors (read only) */
td.message
{
   font-style: italic;
   text-align: center;
   background: #ff0000;
   color: #ffffff;
}

/* Used to clear any formatting for blank elements in tables (read only) */
th.blank
{
   background: none;
}

/* Used to clear any formatting for blank elements in tables (read only) */
td.blank
{
   background: none;
}

/* Indicate that a field is required in a table editing situation (read only) */
th.required
{
   text-align: left;
   vertical-align: top;
   background: #ff0000;
   color: #ffffff;
}

/* Used to indicate that a field is mandatory when editing (read only) */
th span.mandatory
{
   color: #ffffff;
}

/* For the legend about mandatory fields (read only) */
td.mandatory
{
   font-size: 80%;
   text-align: right;
   font-style: italic;
}

/* DUNNO - check it out (read only) */
option.unsuitable
{
   font-style: italic;
}

/* Used for displaying database pages, e.g. student list (read only) */
table.db
{
   border-collapse: collapse;
}

/* For form layout (read only) */
fieldset#details
{
   margin: 0em 0em 1em 2em;
   float: left;
}

/* For form layout (read only) */
fieldset#mailingLists
{
   margin: 0em 0em 1em 2em;
   float: left;
}

/* Used for form layout (read only) */
fieldset#details label
{
   position: absolute;
}

/* Used for form layout (read only) */
fieldset#mailingLists label
{
   position: absolute;
}

/* Used for form layout (read only) */
fieldset#details input
{
   margin-left: 16em;
}

/* Used for form layout (read only) */
fieldset#details select
{
   margin-left: 16em;
}

/* Used for form layout (read only) */
fieldset#mailingLists select
{
   margin-left: 8em;
}

/* Used in the "forgotten password" facility (read only) */
fieldset#email
{
   float: left;
}

/* For error messages (read only) */
p.message
{
   color: #ff0000;
   font-weight: bold;
}

/* For highlighting success messages, e.g. for class bookings (read only) */
span.success
{
   color: #ffffff;
   background: #00cc00;
   padding: 0em 0.5em;
}

/* For highlighting failure messages, e.g. for class bookings (read only) */
span.failure
{
   color: #ffffff;
   background: #ff0000;
   padding: 0em 0.5em;
}

/* Collapse the borders in the issue log table (read only) */
table.issues
{
   border-collapse: collapse;
   margin: 0em 0em 1em 0em;
}

/* Paragraph formatting for the issue log (read only) */
table.issues p
{
   margin: 0em 0em 1em 0em;
   font-style: normal;
   width: auto;
}

/* Formatting an issue for the issue log (read only) */
table.issues p.issue
{
   font-weight: bold;
}

/* Formatting an issue for the issue log (read only) */
table.issues pre.issue
{
   font-weight: bold;
}

/* Colour of odd rows in issue log (read only) */
table.issues tr.odd
{
   background: #ffffff;
}

/* Colour of even rows in issue log (read only) */
table.issues tr.even
{
   background: #ccddff;
}

/* Table for user history (read only) */
table.student_history
{
   border-collapse: collapse;
   margin: 0em 0em 1em 2em;
}

/* Odd rows for user history (read only) */
table.student_history tr.odd
{
   background: #ffffff;
}

/* Even rows for user history (read only) */
table.student_history tr.even
{
   background: #ccddff;
}

/* Headings for user history (read only) */
table.student_history th
{
   text-align: left;
}

/* Cells for user history (read only) */
table.student_history td
{
   margin: 0em;
   padding: 0.2em 0.5em;
   font-size: 90%;
}