.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.gainlayout { _height: 0; } 
/* End hide from IE-mac */

html
{
	overflow-y: scroll;
}

*
{
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Sans Serif;
	font-size: 9pt;
	
}

img
{
	border: 0;
}

#pageOuter
{
	width: 100%;
}

#pageFrame
{
	width: 1080px;
	border-left: 1px solid #9aa; 
	border-right: 1px solid #9aa; 
	border-bottom: 2px solid #9aa;
	background: #fff;
}

#pageFrameNoBorder
{
	width: 100%;
}

#header
{
	height: 100px;
	text-align: left;
	font-size: 15pt;
	font-family: Verdana;
	font-weight: normal;
	color: #f8f8f8;
	background-color: #eee;
}

#signinPanel
{
	background: #f6f6f6; 
	background-image: url(../images/padlock.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 85%; 
	border: 1px solid #d8d8d8; 
	width: 380px; 
	margin-left: 180px;
	color: #003d7d;	
}

#helpPanel
{
	background: #f6f6f6; 
	background-image: url(../images/help.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 99%; 
	border: 1px solid #d8d8d8; 
	width: 320px; 
	margin-right: 16px;
	margin-left: 12px;
	float: right;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 12px;
}

#studentListPanel
{
	background: #f6f6f6; 
	background-image: url(../images/notepad.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 99%; 
	border: 1px solid #d8d8d8; 
	width: 210px; 
	margin-right: 14px;
	float: right;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 12px;
}

#classListPanel
{
	background: #f6f6f6; 
	background-image: url(../images/notepad.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 99%; 
	border: 1px solid #d8d8d8; 
	width: 210px; 
	margin-right: 14px;
	float: right;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 12px;
}

#content 
{
	padding-left: 10px;
	padding-right: 10px;	
}

#footer
{
	font-size: 7pt;
	font-weight: normal;
	color: #599;
	text-align: right;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 8px;
	width: 1080px;
}

div.rightPanel
{
	width: 400px; 
	padding-right: 20px;
	float: right;
}

div.previousPanel
{
	background: #f6f6f6; 
	background-image: url(../images/bookings.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 99%; 
	border: 1px solid #d8d8d8; 
	width: 210px; 
	float: right;
	padding-left: 10px;
	padding-top: 4px;
	margin-bottom: 12px;
}


div.detailsPanel
{
	background: #f6f6f6; 
	background-image: url(../images/notepad.gif); 
	background-repeat: no-repeat; 
	background-position: 100% 2%; 
	background-position: 95% 95%; 
	border: 1px solid #d8d8d8; 
	width: 640px; 
	margin-left: 30px;
	color: #003d7d;	
}

div.adminPanel
{
	background: #f6f6f6; 
	background-repeat: no-repeat; 
	background-position: 100% 2%; 
	background-position: 95% 95%; 
	border: 1px solid #d8d8d8; 
	width: 98%; 
	margin-left: 12px;
	color: #003d7d;	
}

div.calendarPanel
{
	background: #f6f6f6; 
	background-image: url(../images/bookings.gif); 
	background-repeat: no-repeat; 
	background-position: 99% 99%; 
	border: 1px solid #d8d8d8; 
	width: 640px; 
	margin-left: 30px;
	color: #003d7d;	
}

div.statusPanel
{
	background: #f6f6f6; 
	background-repeat: no-repeat; 
	background-position: 95% 55%; 
	border: 1px solid #d8d8d8; 
	width: 640px; 
	margin-left: 30px;
	text-align: left;
	color: #003d7d;	
}

div.proceedPanel
{
	background: #f6f6f6; 
	background-image: url(../images/arrow.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 55%; 
	border: 1px solid #d8d8d8; 
	width: 640px; 
	margin-left: 30px;
	text-align: left;
	color: #003d7d;	
}

div.marksPanel
{
	background: #f6f6f6; 
	background-image: url(../images/scores.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 95%; 
	border: 1px solid #d8d8d8; 
	width: 420px; 
	margin-left: 30px;
	text-align: left;
	color: #003d7d;	
}
div.bookingPanel
{
	background: #f6f6f6; 
	background-image: url(../images/bookings.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 90%; 
	border: 1px solid #949; 
	width: 160px; 
	color: #003d7d;	
	float: left;
	padding: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.optionPanel
{
	background: #f6f6f6; 
	background-image: url(../images/choose.gif); 
	background-repeat: no-repeat; 
	background-position: 95% 90%; 
	border: 1px solid #252; 
	width: 160px; 
	color: #003d7d;	
	float: left;
	padding: 16px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.innerPanel
{
	margin: 16px; 
}

div.innerAdminPanel
{
	margin: 4px; 
	margin-left: 10px;
}

div.innerCalendarPanel
{
	margin: 16px; 
	margin-left: 24px;
	margin-top: -16px;
}

div.summary
{
	font-size: 8pt;
}

div.classChoice
{
	width: 47%;
	border: 1px solid #ddd;
	padding: 8px;	
	background: #fff;
}

div.classChoiceDisabled
{
	width: 47%;
	border: 1px solid #ddd;
	padding: 8px;	
	zoom: 1;
	filter: alpha(opacity=33);
	-moz-opacity:0.33;
	-khtml-opacity: 0.33;
	opacity: 0.33;
}
div.classChoiceDisabled select
{
	color: #999;
}

body
{
	position: relative;
	font-size: 100%;
	background: url(../images/bodyBackground.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	/* background-color: #9c9; */
}

p
{	
	font-size: 9pt;
	text-align: left;
	color: #003d7d;
}

p.bookingHeader
{	
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: #003d7d;
}

p.bookingSubHeader
{	
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	color: #003d7d;
}

p.bookingFooter
{	
	font-size: 7pt;
	font-weight: normal;
	text-align: justify;
	color: #579;
	padding-right: 12px;
	padding-left: 4px;
}

p.calendarDetail
{
	margin-left: 16px;
}

p.calendarDetailDate
{
	font-size: 10pt;
	margin-left: 4px;
}

p.dataProtection
{
	font-size: 7pt;
	color: #999;
	margin-left: 4px;
}

tr.lightRow
{
	background-color: #e8e8e8;
}

td
{
	font-size: 9pt;
	font-weight: normal;
	color: #003d7d;
}

td.header
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;	
}

td.summaryText
{
	font-size: 8pt;
	font-weight: normal;
	color: #003d7d;
}
a.sortLink
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: none;
	padding-bottom: 6px;
}
a.sortLink:hover
{
	color: #f03d7d;
	text-decoration: underline;
}
a.adminLink
{
	font-size: 9pt;
	color: #003d7d;
	text-decoration: none;
}
a.adminLink:hover
{
	color: #f03d7d;
}

a.adminName
{
	font-size: 8pt;
	font-weight: normal;
	color: #003d7d;
}
a.adminName:hover
{
	font-size: 8pt;
	font-weight: normal;
	color: #003d7d;
	text-decoration: underline;
}

a.optionSmall
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: none;
}
a.optionSmall:hover
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;
	cursor: pointer;
	text-decoration: underline;
}

img 
{
	vertical-align: bottom;
}

h1
{
	font-size: 15pt;
	font-weight: bold;
	color: #003d7d;
	text-align: left;
	padding-top: 10px;
}

h2
{
	font-size: 12pt;
	font-weight: normal;
	color: #003d7d;
	text-align: left;
	padding-top: 4px;
}

h3
{
	font-size: 14pt;
	font-weight: bold;
	color: #003d7d;
	text-align: left;
	margin-bottom: 0px;
}

h4
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;
	text-align: left;
	padding-top: 0px;
}

h5
{
	font-size: 13pt;
	font-weight: bold;
	color: #003d7d;
	text-align: left;
	padding-top: 0px;
}
h6
{
	font-size: 8pt;
	color: #003d7d;
	font-weight: normal;
}

a
{
	font-size: 7pt;
	text-decoration: none;
}
a:hover
{
	cursor: pointer;
	text-decoration: underline;
}

a.contact
{
	font-size: 7pt;
	font-weight: normal;
	color: #577;
	text-decoration: none;
}
a.contact:hover
{
	font-size: 7pt;
	font-weight: normal;
	color: #577;
	
}

a.previousBooking
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: none;
}
a.previousBooking:hover
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: underline;
}

a.adminClassLink
{
	font-size: 7pt;
	font-weight: bold;
	color: #003d7d;
}
a.adminName
{
	font-size: 9pt;
	font-weight: normal;
	color: #003d7d;
}
a.adminName:hover
{
	font-size: 9pt;
	font-weight: normal;
	color: #003d7d;
	text-decoration: underline;
}

a.classLink
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;
}
a.classLink: hover
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: underline;
}
a.link
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: none;
}
a.link:hover
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: underline;
}

a.navLink
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;	
}
a.navLink:hover
{
	font-size: 10pt;
	font-weight: bold;
	color: #003d7d;
	text-decoration: underline;
}

input.textBox
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 220px;
}

input.textBoxDate
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 80px;
}

input.textBoxShort
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 60px;
}
input.markBox
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 32px;
	text-align: center;
}


input.textBoxQuantity
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 36px;
	text-align: center;
}

input.textBoxSignIn
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 91px;
}

input.textBoxLink
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 540px;
}

input.checkbox
{
	color: #c00;
	border: 0;
}

input.radio
{
	color: #c00;
	border: 0;
}

select.dropDown
{
	font-size: 10pt;
	font-weight: bold;
	color: #c00;
	margin-top: 4px;
}


select.dropDownStatus
{
	font-size: 8pt;
	width: auto;
	font-weight: normal;
	color: #c00;
	margin-top: 4px;
}

select.dropDownClasses
{
	font-size: 8pt;
	width: auto;
	font-weight: bold;
	color: #c00;
	margin-top: 4px;
}
select.dropDownSmall
{
	font-size: 8pt;
	width: auto;
	font-weight: normal;
	color: #c00;
	margin-top: 4px;
}

textarea.special
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 220px;
	height: 80px;
}

textarea.verbose
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 620px;
	height: 220px;
}

fieldSet
{
	padding-left: 8px;
	width: 460px;
	font-size: 8pt;
	font-weight: normal;
	color: #003d7d;
	border: 1px solid #478dad;
}
legend
{
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;
}

input.defaultButton
{
	width: auto;
        height: auto;
	padding: 8px;
	border: 1px solid #d8d8d8;
	background: #bbd;
	background-repeat: repeat-x; 
	font-size: 9pt;
	font-weight: bold;
	color: #003d7d;	
	cursor: pointer;
}

input.defaultButton:hover
{
	color: #f8f8ff;	
}

input.textBoxScore
{
	font-size: 8pt;
	font-weight: bold;
	color: #c00;
	width: 20px;
	text-align: center
}

input.buttonOffSmall
{
	width: 96px;
        height: 20px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: repeat-x; 
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;	
	cursor: pointer;
}

input.buttonOnSmall
{
	width: 96px;
        height: 20px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: repeat-x; 
	font-size: 8pt;
	font-weight: bold;
	color: #f8f8ff;	
	cursor: pointer;
}
input.buttonOffTiny
{
	width: 60px;
        height: 20px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: repeat-x; 
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;	
	cursor: pointer;
}

input.buttonOnTiny
{
	width: 32px;
        height: 20px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: repeat-x; 
	font-size: 8pt;
	font-weight: bold;
	color: #f8f8ff;	
	cursor: pointer;
	color: #006;
	font-size: 7pt;
	margin-left: 20px;
}
input.buttonOnTiny:hover
{
	border: 1px solid #006;
}

input.buttonOffGo
{
	width: 24px;
        height: 20px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: repeat-x; 
	font-size: 8pt;
	font-weight: bold;
	color: #003d7d;	
	cursor: pointer;
}

input.buttonOnGo
{
	width: 24px;
        height: 20px;
	border: 1px solid #d8d8d8;
	background-image: url(../images/buttonBackground.gif);
	background-repeat: repeat-x; 
	font-size: 8pt;
	font-weight: bold;
	color: #f8f8ff;	
	cursor: pointer;
}

table.details td
{
	font-size: 10pt;
}

table.adminTable
{
	border-spacing:0;
}
table.adminTable td
{
	padding: 2px;
}

table.timetable tbody tr:hover, table.adminTable tbody tr:hover 
{ 
	background: #ececc8; 
} 

tr.oddRow
{
	background: #eee; 
}
tr.evenRow
{
	background: #d8d8d8; 
}

td.attendanceHeader
{
	font-size: 8pt;
	font-weight: bold;
}

a.menuLink
{
	font-size: 14pt;
	font-weight: bold;
	color: #003d7d
}
a.menuLink:hover
{
	text-decoration: underline;
}

#summaryMessage
{
	display: none;
	position: absolute;
	border: 1px solid #006;
	background: #fff;
	width: 500px;
	padding: 8px;
}

input.timer
{
	font-size: 26pt;
	font-weight: bold;
	text-align: left;
	color: #c00;
	border: 2px solid #c00;
	width: 120px;
	background-color: #fff;
	margin-bottom: 12px;
}