﻿/**** Body Layout ****/
body							{margin: 0; padding: 0; text-align:left; background:Black;  min-width:1024px; } 
/**** END Body Layout ****/

/**** COLOURS ****
	Blue		#9999FF
	Pink		#FF00FF
	Grey		#616161
****/

/**** GENERIC FORMATING ****/
*								{ margin: 0; padding: 0; line-height:1.2em;}
body							{ font-family: Verdana, Helvetica, sans-serif; font-size:13px; color:#666666;}
h1								{ font-family:Arial,Verdana;font-size:38px; margin:0; font-weight:bold; color: #8559FF; margin-bottom:9px; padding-left:64px; }
h2								{ font-family:Arial,Verdana;font-size:24px; margin:16px 0 3px 0; font-weight:bold; color: #8559FF;padding-left:64px;  }
h3								{ font-family:Arial,Tahoma;font-size:14px; margin:0; font-weight:bold; color: #616161;padding-left:64px; }
h4								{ font-family:Arial;font-size:18px; margin: 0px 0 0px 0; font-weight:bold; color: #FF00FF; }
a, a:visited, a:hover, a:link, a:active	{ color: #FF00FF!important; text-decoration:underline;}
p								{ margin: 3px 0px 20px 0px; padding: 0 64px 0 64px; width:644px;line-height:22px;}
td p							{ margin: 3px 0 20px 0; width:auto;line-height:22px; font-size:12px;}
p.small							{ margin: 3px 0 20px 0; width:500px;line-height:22px; font-size:11px;}
table							{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; border-collapse:collapse;}
td								{ vertical-align:top; text-align:left;}
ul								{}
ul.b							{ margin:0; padding: 0 64px 0 84px;}
li.b							{ list-style-type:disc; list-style-position:inside; line-height:22px;font-size:12px;}
li								{ list-style-type:none;}
a img							{ border:none;}
.brdrtrans						{padding: 20px; margin: 0px; background: transparent url(img/bkg_bordertransdark.png) repeat;}
.brdrwrap						{background: #FFF;padding: 10px; margin: 0px; border: 2px solid #000;}
/**** END GENERIC FORMATING ****/


/**** Content Formating ****/
.Pic							{float:left; margin-right:6px;}
.ClearFloat						{float:none; clear:both;}
p.Quote 						{font-style:italic; padding:0px 64px 0px 0px; margin:0 0 9px 0px; font-size:14px;}
p.QuotePerson					{line-height:18px; padding:0; margin:0px 0px 18px 0px;}
.Margin							{margin-left:64px;}
.NoMargin ,
.NoMargin h1,					
.NoMargin h2,
.NoMargin h3,
.NoMargin h4,
.NoMargin p,
.NoMargin ul.b					{padding-left:0px; margin-left:0px;}
/**** END Content Formating ****/


/**** Content Layout ****/
table.content td				{ vertical-align:top; text-align:left;}
div.vspace90					{ margin-bottom:89px; height:1px; font-size:1px;}
div.vspace60					{ margin-bottom:59px; height:1px; font-size:1px;}
div.vspace30					{ margin-bottom:29px; height:1px; font-size:1px;}
div.vspace15					{ margin-bottom:14px; height:1px; font-size:1px;}
.ctr							{ text-align:center;}
/**** END Content Layout ****/


/**** Layout Frame ****/
#frame, #frame2					{ margin-top:20px; margin-bottom:30px; margin-right: auto; margin-left:auto;}
#tdContent						{ background: #ffffff url(img/bgCC.gif) repeat-y; padding-bottom:12px;}
#ftop							{ font-size:1px;}
#fhead							{ font-size:1px; color:#FFFFFF; vertical-align:middle;}
#fcontent						{ background: #FFFFFF url(img/fshadow.gif) repeat-x top; border-left: solid 1px #54585B; border-right: solid 1px #54585B; padding: 20px  20px 20px 20px;}
#fbottom						{ font-size:1px;}
#ffooter						{ background: #000000; color:#26ABE3; padding: 23px 20px 23px 20px;}
#ffooter li						{font-size:10px; margin-bottom:5px;}
#ffooter td						{ vertical-align:top; text-align:left;}
#ffooter a, 
#ffooter a:visited,
#ffooter a:hover, 
#ffooter a:link, 
#ffooter a:active				{ color: #FF00FF!important; text-decoration:none;}
/**** END Layout Frame ****/



/**** Navigation ****/
td.nav							{ color:#FF00FF; text-align:center; vertical-align:top; padding-top:6px; font-size:11px;}
td.nav a, 
td.nav a:visited,
td.nav a:hover, 
td.nav a:link, 
td.nav a:active					{ color: #FF00FF!important; text-decoration:none;}
/**** END Navigation ****/



/**** Entry Form Formating ****/
table.Enter							{ margin-left:64px; left:auto; right:auto;}
table.Enter							{ left:auto; right:auto;}
table.Enter TD						{ vertical-align:top; padding:0;}
table.Enter .Label					{ width:140px; vertical-align:top; font-size:12px; font-weight:normal; padding-top:3px; }
table.Enter .Description			{ font-size:12px; height:34px; width:400px; padding-top:3px; }
table.Enter .Error					{ color:red; vertical-align:top; font-size:11px; font-weight:normal; padding-top:3px; }
table.Enter .Pic					{ width:140px; vertical-align:top; font-size:12px; font-weight:normal; padding-top:12px; }
table.Enter TD.Title				{ height:12px; font-size:.8em; font-weight:bold; padding-top:6px;}
table.Enter .Field .Tip				{ font: italic .82em normal; color:#9787CD;}
table.Enter .Field					{ width:240px; vertical-align:top;}
table.Enter .Button					{ width:240px; text-align:right;}
table.Enter .Validate				{ width:180px; vertical-align:top; padding-top:4px;font-size:11px;}
table.Enter .Field SELECT			{ width:234px; color:#616161;}
table.Enter .Field SELECT			{ margin:2px 0px 2px 0px;}
table.Enter .Field INPUT			{ width:230px; color:#616161;}
table.Enter .Field INPUT			{ margin:2px 0px 2px 0px;}
table.Enter .Check INPUT			{ color:#616161;}
table.Enter .Check INPUT			{ margin:2px 0px 2px 0px;}
table.Enter .FieldRad INPUT			{ color:#616161;}
table.Enter .Field TEXTAREA			{ width:230px; color:#616161; font-family:Arial;}
table.Enter .FieldLong INPUT		{ width:310px; color:#616161;}
table.Enter .FieldMultiRow TEXTAREA	{ width:310px; color:#616161; font-family:Arial;}
table.Enter .btn, .btnSubmit		{ border: solid 1px #1A7399; background-color:#8559FF; color:White; margin-right:5px; margin-top:10px; width:240px; }
.Note								{ text-align:center; font-size:10px; line-height:14px;}
.lbInfo								{ color:Red; line-height: 22px;}
TEXTAREA.dim						{ font-size:10px;}
/**** END Entry Form Formating ****/



/**** CountDown Timer ****/
.ctlCountDown						{ font-size:40px;}
table.timer							{ margin-right: auto; margin-left:auto;}
table.timer td.digit				{ font-size:40px;font-weight:bold;}
table.timer td.label				{ font-size:9px; font-style:italic; font-weight:bold; padding-left:6px;}


/**** Price DIV ****/
.price								{ font: bold 26px arial; line-height:32px; text-align:center; color:#999999;}
.price .large						{ font-size:42px; margin-top:20px;}
.price .small						{ font-size:12px; margin-bottom:8px;}
.price .medium						{ font-size:16px; margin-bottom:8px;}

/**** Floating DIV ****/
div.container						{ position:relative; width: 100%; height: 100%;}
div.under							{ width: 100%; top:0; left:0; z-index:1;}
div.over							{ position:absolute; width: 560px; top:80px; left:22px; z-index:2;}
div.overContent						{}
div.overContent	p					{ margin-bottom:6px;}
/**** END Floating DIV ****/


/**** Box ****/
.crntl								{ background: url(img/crntl.gif)  no-repeat;}
.crntr								{ background: url(img/crntr.gif)  no-repeat;}
.crnbl								{ background: url(img/crnbl.gif)  no-repeat;}
.crnbr								{ background: url(img/crnbr.gif)  no-repeat;}
.crnbm								{ border-bottom: solid 1px #26ABE3;}
.crntm								{ border-top: solid 1px #26ABE3;}
.crnml								{ border-left: solid 1px #26ABE3;}
.crnmr								{ border-right: solid 1px #26ABE3;}
/**** Box END ****/


/**** New Layout ****/
#bgb								{ background-image: url(img/bgB.gif); height:23px; width:825px;}
#bgTL								{ background-image: url(img/bgTL.gif); height:148px; width:44px;}
#bgC1								{ background-image: url(img/bgC1.gif); height:148px; width:33px;}
#bgC2								{ background-image: url(img/bgC2.gif); height:148px; width:34px;}
#bgC3								{ background-image: url(img/bgC3.gif); height:148px; width:34px;}
#bgTR								{ background-image: url(img/bgTR.gif); height:148px; width:186px;}



/**** CONTROL ctlBooking ****/
table.Booking						{ width:660px; border-right:solid 1px #FF00FF; border-bottom:solid 1px #FF00FF;}
table.Booking .Header				{ width:110px; vertical-align:top; text-align:center; font-size:12px; border-left:solid 1px #FF00FF;border-top:solid 1px #FF00FF; padding: 3px 0 3px 0; color:#8559FF; font-weight:bold;}
table.Booking .RowLeft				{ border-left: solid 1px #FF00FF; border-right: solid 1px #FF00FF; border-top: solid 1px #FF00FF;}
table.Booking .RowRight				{ vertical-align:middle; text-align:center; font-weight:bold; border-bottom: solid 1px #FF00FF;border-top:solid 1px #FF00FF;}
table.Booking .TimeTop				{ width:110px; text-align:right; padding-right:7px; font-size:11px; height:12px;}
table.Booking .TimeLeft				{ height:12px; font-size:1px;}
table.Booking .TimeRight			{ border-top: solid 1px #999999; height:12px;font-size:1px;}
table.Booking .Booked				{ background:#8559FF; color:White; font-weight:bold; border-bottom:solid 1px white; border-top:solid 1px white;border-right:solid 1px white;}
table.Booking .Partial				{ background:#DDD1FF; font-weight:bold;border-bottom:solid 1px #FF00FF; border-top:solid 1px #FF00FF;border-right: solid 1px #FF00FF;}
table.Booking .Free					{ font-weight:bold;border-bottom:solid 1px #FF00FF; border-top:solid 1px #FF00FF;border-right: solid 1px #FF00FF;}
table.Booking .Free a:link 			{ }

table.Programme						{ border: solid 1px #FF00FF; }
table.Programme .List				{ font-size:10px; line-height:14px; width:140px; padding:6px 0px 18px 2px;border-left: solid 1px #FF00FF;}
table.Programme .Day				{ text-align:center;padding:2px  0px 2px 2px; border-left: solid 1px #FF00FF; border-bottom: solid 1px #FF00FF;}
table.Programme .Level				{ text-align:center; padding:2px  0px 2px 2px; border-left: solid 1px #FF00FF; border-bottom: solid 1px #FF00FF;}
table.Programme .Level h4			{ font-size:14px;}		