/*
	Description:	The style sheet applied to the web forms. Contains styles
					for	all the webforms, listed alphabetically.
	Notes:			Styles are created for the output of ASP.NET cotrols, e.g.
					a DataGrid is turned into a HTML table. Thus a DataGid 
					style would be "table.DataGridStyle{}".
	Last Modified:	08/02/2005
*/

/* hyperlink for sessions that have free seats*/
a.adminFreeSeats
{
	color:Green;
	font-size:10px;	
}

/* hover hyperlink for sessions that have free seats*/
a.adminFreeSeats:hover
{
	background-color: #DDFFDD;
}

/* hyperlink for sessions with no seats*/
a.adminNoFreeSeats
{
	color:Red;
	font-size:10px;
}

/* hyperlink hover for sessions with no seats*/
a.adminNoFreeSeats:hover
{
	background-color: #FFDDDD;
}

/* hyperlink for programs with no free seats (for the admin) */
a.adminProgramNoFreeSeats
{
	color:Green;
	font-size:10px;
}

/* hyperlink hover for programs with no free seats (for the admin) */
a.adminProgramNoFreeSeats:hover
{
	background-color: #DDFFDD;
}

/* hyperlink for programs that have not started
   and have free seats (for the admin) */
a.adminProgramNotStarted
{
	color:Blue;
	font-size:10px;
}

/* hyperlink hover for programs that have not started
   and have free seats (for the admin) */
a.adminProgramNotStarted:hover
{
	background-color: #DDDDFF;
}

/* hyperlink for programs that have started
   and have free seats (for the admin) */
a.adminProgramStarted
{
	color:Red;
	font-size:10px;
}

/* hyperlink hover for programs that have started
   and have free seats (for the admin) */
a.adminProgramStarted:hover
{
	background-color: #FFDDDD;
}

/* hyperlink for sessions and programs available for booking */
a.available
{
	color:Green;
	font-size:10px;
}

/* hyperlink hover for sessions and programs available for booking */
a.available:hover
{
	background-color: #DDFFDD;
}

/* hyperlink for sessions and programs already booked */
a.booked
{
	color:Blue;
	font-size:10px;
}

/* hyperlink hover for sessions and programs already booked */
a.booked:hover
{
	background-color: #DDDDFF;
}

/* Current select menu item. */
a.currentMenuLink
{
	color: #000000;
	text-decoration:none;
}

/* hyperlink for sessions allocated to a specified instructor*/
a.instructorAllocated
{
	color:Blue;
	font-size:10px;
}

/* hyperlink hover for sessions allocated to a specified instructor*/
a.instructorAllocated:hover
{
	background-color: #DDDDFF;
}

/* hyperlink for sessions not allocated to a specified instructor*/
a.instructorNotAllocated
{
	color:Red;
	font-size:10px;
}

/* hyperlink for sessions not allocated to a specified instructor*/
a.instructorNotAllocated:hover
{
	background-color: #FFDDDD;
}

/* Default link colour. */
a.link
{
	color: #0000FF;
	font-size:12px;
}

/* Default visited link colour. */
a.link:visited
{
	color: #990099;
	font-size:12px;
}

/* Main Menu link. */
a.menuLink
{
	color:white;
	text-decoration:none;
}

/* Hover menu link. */
a.menuLink:hover
{
	color:#CCCCCC;
	text-decoration: underline overline;
}

/*  Visited menu link . */
a.menuLink:visited
{
	color: #FFFFFF;
}

/* Side Bar links. */
a.sideBarLink
{
	color: #000000;
	text-decoration:underline;
	font-size:12px;
	margin-left: 5px;
}

/* Side bar link hover colour. */
a.sideBarLink:hover
{
	color: #FFFFFF;
	background-color: #777788;
}

/* Side bar link active colour. */
a.sideBarLink:active
{
	color: #FF0000;
	background-color: #bbbbc9;
}

/* hyperlink for sessions/programs NOT available for booking */
a.unavailable
{
	color:Red;
	font-size:10px;
}

/* hyperlink hover for sessions/programs NOT available for booking */
a.unavailable:hover
{
	background-color: #FFDDDD;
}

/* Define body fonts and style. */
body
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
}

/*  (Unused?) */
div.mainPanel
{
	position:absolute;
	top:140px;
}

/* (Unused?) */
div.sideBar
{
	background-color: Black;	
}

/* The format of any error message displayed using a validator control. */
.errorMessage
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	vertical-align:top;
	color: #FF0000;
	width: 100%;
}

/*  Captions for pages. Use for captions on forms
	e.g., the captions that go next to textboxes etc. */
font.caption
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	vertical-align:top;
}

/*  The main heading for page titles.
	Duplicated the p.mainHeading because logged in pages often have the headings
	etc. in tables. */
font.mainHeading
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 18px;
	font-weight: bold;
}

/*  The seconday heading for page sections.
	Duplicated the p.secondaryHeading because logged in pages often have the 
	headings etc in tables. */
font.secondaryHeading
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 14px;
	font-weight: bold;
}

/* The bottom image on the sidebar. */
img.bottomSidebarImg
{
 	height: 20px;
 	width: 100%;
 	vertical-align: top;
 	text-align: center;
}

/* Page banner centre image. */
img.bannerCentre
{
    height: 80px;
    width: 100%;
    border: 0px;
}

/* Page banner edge images. */
img.bannerEdge
{
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
	border-bottom: 0px;
	height: 80px;
}

/* Aligns the image header to the top. */
img.headerImg
{
 	vertical-align:top;
}

/* The left side image on the public pages. */
img.publicSideImg
{
 	border: 0;
}


/* */
/*img.line
{
	position:absolute;
	top:170px;
	left:120px;
}*/

/* */
/*img.publicLine
{
	position:absolute;
	top:285px;
}*/

/* General font for inputs. */
input
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	font-weight: bold;
}

/* Formatting for right-aligned buttons. */
input.buttonAlignRight
{
	width: 85px;
	margin:  0 0 0 5px;
}

/* Formatting for login page button. */
input#btnLogin
{
	width: 100px;
	margin: 0px 20px 10px 0px;
}

/* Formatting for check boxes. */
.checkbox
{
	width: 10px;
	text-align: left;
}

/* Formatting for radio buttons. */
.radio
{
	width: auto;
}

/* Formatting for login page text boxes. */
input.loginTextBox
{
	width: auto;
}

/* Formatting for general text boxes. */
input.textBox
{
	width: 300px;
}

/* center aligned paragraphs. Used for home page*/
p.center
{
	text-align: center;
}

/* The main heading for page titles. */
p.mainHeading
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

/* Secondary headings for pages. Use for separating sections. */
p.secondaryHeading
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 16px;
	font-weight: bold;
}

/* General font for selects (drop down lists). */
select
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	font-weight: bold;
}

/* For replicating normal body text in a table. */
span.bodyText
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
}

/* Captions for pages. Use for captions on forms
	e.g., the captions that go next to textboxes etc. */
span.caption
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	vertical-align: top;
}

/* Style for any label that is being used to diplay an already inputed 
   value, e.g. date label for a Calendar conrol. */
span.inputDisplay
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	font-weight: bold;
}

/* The title of the heading of any legend */
span.legendHeading
{
	font-weight: bold;
}

/*  The main heading for page titles.
	Duplicated the p.mainHeading because logged in pages often have the headings
	etc. in tables. */
span.mainHeading
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 18px;
	font-weight: bold;
}

/*  The main heading for the defaultpage. */
span.mainHeadingBlue
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 18px;
	font-weight: bold;
	font-style:italic;
}

/*  The seconday heading for page sections.
	Duplicated the p.secondaryHeading because logged in pages often have the 
	headings etc in tables. */
span.secondaryHeading
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
}
/* The user type displayed above the sidebar */
span.userType
{
	color:Red;
}

/* The © copyright symbol for use as superscript. */
sup.copyright
{
	font-size: 10px;
}

/* Banner layout table. */
table.banner
{
    width: 100%;
    /*background-image: url(images/Centre.png);*/
    /*border: 10px;*/
}

/* Date picking calendar. */
table.calendar
{
	font-size: 11px;
	border-color: #000000;
	border-width: 1px;
	width:100%;
}

/* Main data calendar (session/programs display) */
table.dataCalendar
{
	font-size: 11px;
	border-color: #000000;
	border-width: 1px;
	width:100%;
}

/* Formatting of datagrids. */
table.datagrid
{
	font-size: 11px;
	border-color: #000000;
	border-width: 1px;
	width:100%;
}

/* The TitleStyle for data calenders. */
table.dcTitleStyle
{
	background-color: #C0C0C0;
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}

/* General design of forms for input. */
table.form
{
	padding: 10px 10px 10px 10px;
	border: 1px solid #000000;
	margin-top: 10px;
	background-color:  #E0E0F0;/*#BBBBC9;*/
	text-align: left;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
}

/* Design of the table the login controls appear in. */
table.login
{
	border: 1px solid #333333;
	margin-top: 10px;
	background-color:  #BBBBC9; /* Old grey - #CFCFCF;*/
	width: 300px;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 14px;
}

/* Define the table design for the main menu. */
table.mainMenu
{
	background-color:#EE2D24;
	/*background-color: #000040;*/
	border-style:solid;
	border-color:#EE2D24 #EE2D24 #BBBBC9 #EE2D24;
	/*border-color:#000040 #000040 #BBBBC9 #000040;*/
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	text-align: center;
	width: 100%;
}

/* tables used for the legend of calendars */
table.legend
{
	font-size:12px;
}

/* The main layout table for the page. */
table.page
{
	border: 0px;
	width: 100%;
}

/* the layout of the article table that appears on the program members home page */
table.programMemberArticle
{
	margin-top: 20px;
	font-size: 12px;
	width: 100%;
}

/* the layout of the tables that appear on the program members home page */
table.programMemberContent
{
	margin-top: 20px;
	font-size: 12px;
	width: 100%;
}

/* the layout of the news table that appears on the program members home page */
table.programMemberNews
{
	margin-top: 20px;
	font-size: 12px;
	width: 100%;
}

/* the layout of the tip table that appears on the program members home page */
table.programMemberTip
{
	margin-top: 20px;
	font-size: 12px;
	width: 100%;
}


/* The layout table for the content of the services page. */
table.servicesLayout
{
	border: 0px;
	width: 100%;
	font-family: Arial, Verdana, Helvetica, Sans-serif;
	font-size: 12px; 
}

/* */
/*table.Register
{
	position:absolute;
	left:200px;
	top:180px;
}*/

/* General font for textareas. */
textarea
{
	font-family: Arial, Verdana, Helvetica, Sans-serif;	
	font-size: 12px;
	font-weight: bold;
	width: 300px;
}

/* Makes the cell right-aligened (for buttons). */
td.alignRight
{
	text-align: right;
	padding: 10px 0px 10px 10px;
}

/* The currently selected menu item. */
td.activeMenuItem
{
	border-style:none;
	background-color: #BBBBC9; /*#4682B4;*/
	/*background-image: URL(images/BottomSidebar.png);*/
}

/* Banner layout centre cell. */
/*td.bannerCentre
{
    width: 100%;
}*/

/* Banner layout edge cell. */
td.bannerEdge
{
    width: 50%;
}
td.bannerEdgeLeft
{
	background-color:#015697;
}

td.bannerEdgeRight
{
	text-align:right;
}

/* Table cell behaviour for captions. */
td.caption
{
    vertical-align: text-top;
    padding: 3px 10px 0 0;
}

/* The layout TD for the content area (when logged in). */
td.contentArea
{
	padding: 20px 20px 20px 40px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}

/* The layout TD for the content area on the main (public) area. */
td.contentAreaMain
{
	padding: 20px 20px 20px 40px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}

/* Corner image of content tables. */
td.contentCorner
{
	width: 20px;
	background-color: #BBBBC9;
	padding: 0;
	margin: 0;
}

/* The DayHeaderStyle for data calenders. */
td.dcDayHeaderStyle
{
	background-color: #FFFFFF;
	font-weight: bold;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCCCCC;
}

/*	The DayHeaderStyle for data calenders. Aligns the number to top left 
	corner. */
td.dcDayStyle
{
	vertical-align: text-top;
	text-align: left;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
}

/* The NextPrevStyle for data calenders. */
td.dcNextPrevStyle
{
	font-weight: bold;
	font-size: 16px;
}

/* The OtherMonthDayStyle for data calenders. Aligns the number to top left 
	corner. */
td.dcOtherMonthDayStyle
{
	vertical-align: text-top;
	text-align: left;
	color: #666666;
	background-color: #F0F0F3;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
}

/* The TodayStyle for data calenders. */
td.dcTodayDayStyle
{
	vertical-align: text-top;
	text-align: left;
	font-weight: bold;
	background-color: #FFFFE8;
	padding: 5px 5px 5px 5px;
	border: 1px solid #CCCCCC;
	
}

/* Padding for datagrid cells. */
td.dgCell
{
	padding: 2px 3px 2px 3px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

/* Formatting for table cells in login layout table. */
td.login
{
	padding: 5px 5px 5px 5px;
}

/* Formatting for login table cells in login layout table. */
td.loginButton
{
	text-align: center;
}

/* A menu item. */
td.menuItem
{
	border-style:none;
	padding-bottom:3px;
/*	border-style:solid;
	border-color:black;
	border-width:thin;*/
}

/* Main menu item above sidebar. */
td.menuSideBar
{
	border-style:none;
	width:130px;
	background-color: #000040;
}

/* Body of article table. */
td.programMemberArticle
{
	background-color: white;
	padding: 5px;
	border: 2px solid #BBBBC9;
	border-top: 0;
}

/* the headers of the tables on the program members home page*/
td.programMemberArticleHeader
{
	width: 100%;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	color:Black;
	background-color: #BBBBC9;
	/*border: 1px solid black;*/	
}

/* Body of content table. */
td.programMember
{
	background-color: white;
	padding: 5px;
	border: 2px solid #BBBBC9;
	border-top: 0;
}

/* the headers of the tables on the program members home page*/
td.programMemberHeader
{
	width: 100%;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	color:Black;
	background-color: #BBBBC9;
	/*border: 1px solid black;*/
}

/* Body of news table. */
td.programMemberNews
{
	background-color: white;
	padding: 5px;
	border: 2px solid #BBBBC9;
	border-top: 0;
}

/* the headers of the tables on the program members home page*/
td.programMemberNewsHeader
{
	width: 100%;
	text-align: center;
	font-size:12px;
	font-weight:bold;
	color:Black;
	background-color: #BBBBC9;
	/*border: 1px solid black;*/
}

/* Body of tip table. */
td.programMemberTip
{
	background-color: white;
	padding: 5px;
	border: 2px solid #BBBBC9;
	border-top: 0;
}

/* the headers of the tables on the program members home page*/
td.programMemberTipHeader
{	width: 100%;
	font-size:12px;
	font-weight:bold;
	color:Black;
	background-color: #BBBBC9;
	/*border: 1px solid Black;*/
	text-align: center;
}

/* (Unknown) */
td.servicesDetails
{
	padding: 10px 0px 10px 0px;
}

/* The layout table for the sidebar. */
td.Sidebar
{
	vertical-align:top;
	background-color: #BBBBC9;/*#4682B4;/*Black;*/
	width:130px;
	text-align:left;
}

/* The layout table for the sidebar bottom image. */
td.sidebarBottom
{
	vertical-align:top;
	background-color: #FFFFFF;
	width:130px;
	text-align: center;
}

/* */
td.startPage
{
	text-align:center;
}

/* */
td.topAlign
{
	vertical-align:top;
}

/* Alternate item row in a datagrid. */
tr.dgAltItem
{
	background-color: #DDDDE0;
}

/* Footer for datagrids. */
tr.dgFooter
{
	background-color: #BBBBC9;
}

/* Header for datagrid. */
tr.dgHeader
{
	font-weight:bold;
	background-color: #BBBBC9;
}

/* Item row in datagrid. */
tr.dgItem
{
	background-color: #FFFFFF;
}

/* Paging numbers in datagrid. */
tr.dgPager
{
	background-color: #EEEEEE;
	border-top: 1px;
}

/* */
tr.menuRow
{
	border-style:solid;
	border-color:Green;
	padding:-1;
}