body 
{background-color: #f5fff5;
color: #0f0f00;
text-align:center;
font-family: arial, helvetica, univers, sans-serif;
font-size: 10pt;
font-weight: normal;
margin-left: +5px}

a:link
{color: #005c50;
font-family: Verdana;
font-weight: bold;
text-decoration: none}

a:visited
{color: #005c50;
font-family: Verdana;
font-weight: bold;
text-decoration: none}

a:hover
{color: #bf0000;
font-family: Verdana;
font-weight: bold}

a:active
{color: #004239;
font-family: Verdana;
font-weight: bold}

H1
{color: #005C51;
font-family: Verdana, Arial, Helvetica;
font-size: 140%;
font-style: italic;
font-weight: bold}

H2
{color: #005C51;
font-family: Verdana, Arial, Helvetica;
font-size: 130%;
font-style: italic;
font-weight: bold}

/* General */

img
{
    border:0;
}
ul
{
	list-style:none;
}

/* .loginbox is the Div that is forwarded to when a user is not logged in */

.loginBox
{
    background-color: #ffffff;
    text-align:center;
    border:1px solid #000;
    width:400px;
    padding:10px;
}

/* Everything is contained inside #content, regardless of page */

#content
{
    background-color: #ffffff;
    width:700px;
    text-align:left;
    border:1px solid #000;
    padding:10px;
}

/* 
IDs:

#book is the ID of the div (container) for all public booking pages.
#membersBook is the ID of the div for all the members bookings ones.

Classes for #membersBook

.membersBookRowEven is the class for every Even row in the members book courses table.
.membersBookRowOdd is the class for all the odd ones.
.title is the class for the <td>s of the course names in the members book table.
.button is the class of the available times links.

.balls is the class of the <td>s that contains all the green and blue balls.
.timesRowEven is the class of the Even rows in the balls view.
.timesRowOdd is the class of the Odd rows in the balls view.

#otherPopup is the id of the div containing the description for the 'Other' lable.
#memberPopup is the id of the div containing the description for the 'Member' lable.
#guestPopup is the id of the div containing the description for the 'Guest' lable.

.label is the class of most labels.

Classes for #book

.balls is the class of the <td>s that contains all the green and blue balls.
.timesRowEven is the class of the Even rows in the balls view.
.timesRowOdd is the class of the Odd rows in the balls view.

.ballTop is the class of the images that describe what each color means.

.register is the class of the table that is used for entering the names of other members.


Below are some examples.  
Any questions about page hierarchy can be solved by view->source.
Any questions about CSS can be answered here http://www.w3schools.com/css/default.asp
*/

#book .ball
{
	display:inline;
	float:right;
}
#book td.balls
{
	width:64px;
}
#book .ballTop
{
	display:inline;
}
#book a
{
	color:#000;
	text-decoration:none;
}
#book table.register
{
	margin-top:20px;
}
#book table.register td
{
	text-align:left;
	font-size:10pt;
	padding:5px;
}
#book table.register td.label
{
	text-align:right;
}

#loggedinas
{
    float:right;
}